본문으로 이동
Stack
Main Navigation
  • 가이드
  • 예제 갤러리
  • 레퍼런스
  • Playground
  • 한국어
  • English
  • 日本語
  • 简体中文
  • 한국어
  • English
  • 日本語
  • 简体中文

화면 모드

Sidebar Navigation

가이드

  • Stack이란?

    시작하기

    Coding agent

    Agent 워크플로

    예제 갤러리

    Playground 사용법

    클라우드 제공자 아이콘

언어

  • 문서와 문법

    노드와 그룹

    엣지와 레이아웃

    테마와 아이콘

    표준 포매팅

레퍼런스

  • 진단과 제한

    버전과 안전성

이 페이지에서

예제 갤러리 ​

작은 다이어그램으로 시작해 그룹, 레이아웃, 전체 시스템을 살펴보세요. 여기의 모든 예제는 기본 아이콘만 사용하므로 추가 팩이 필요하지 않습니다. 미리보기는 정본 .stack 소스를 불러와 Playground와 같은 WASM 엔진으로 기기에서 렌더링합니다.

이미지를 누르면 확대할 수 있습니다. 실제 크기로 세부 내용을 확인하거나 화면에 맞춰 전체를 보세요. 별도의 소스 링크에서 .stack 코드를 읽고 재사용할 수 있으며, JavaScript나 미리보기를 사용할 수 없어도 소스에 접근할 수 있습니다.

고정된 소스: 8e5477c6

작게 시작하기

.stack 소스 보기

Hello Stack

starter

Start with two nodes and one directed edge.

노드
2
그룹
0
엣지
1
Canonical .stack 소스 보기
.stack 소스 보기

Application and data

starter

Add semantic node kinds, icons, details, an edge label, and a light theme.

노드
2
그룹
0
엣지
1
Canonical .stack 소스 보기

표현 넓히기

.stack 소스 보기

Groups and layout

intermediate

Organize clients and platform services with explicit direction, rank, and order hints.

노드
5
그룹
2
엣지
4
Canonical .stack 소스 보기

시스템 모델링

.stack 소스 보기

Commerce platform

advanced

Model a production-like commerce system with nested responsibilities and asynchronous processing.

노드
13
그룹
5
엣지
12
Canonical .stack 소스 보기
GitHub에서 이 페이지 편집
Pager
이전 페이지Agent 워크플로
다음 페이지Playground 사용법