edu-deck 자산 갤러리

스킬이 조립에 쓰는 재료 전부 — 리소스팩 설계 8종·흐름 8종(64조합 빌드 검증), 장 배치 52계열 253변형, 테마 8종, 모션 시그니처 42종 + 공통 기법 5종. 모션 카드는 스크롤해 눈에 들어오면 그 자리에서 실제 엔진이 그대로 재생한다(클릭하면 크게 본다).

리소스팩 — 설계 8종 × 학습 흐름 8종

눈에 보이는 다양함은 설계가 만든다 — 워크북의 마주본 면, 사례철의 기록A/B, 잡지의 편집 지면처럼 배치 문법 자체가 다르다. 흐름은 수업의 뼈대(단계 구성·문안)를 바꾼다. 8×8=64조합을 전수 빌드·검사했다(64/64 PASS).

편집 잡지형 표지
편집 잡지형 · editorial
실험 노트형 표지
실험 노트형 · lab
현장 매뉴얼형 표지
현장 매뉴얼형 · field
사례 기록형 표지
사례 기록형 · casebook
지도·도해형 표지
지도·도해형 · atlas
워크북형 표지
워크북형 · workbook
데이터 브리핑형 표지
데이터 브리핑형 · briefing
세미나형 표지
세미나형 · seminar

같은 주제·같은 casebook 설계로 흐름만 바꿔 실제로 조립한 덱 8개다 — 흐름은 단계 수·순서·문안(수업의 뼈대)을 바꾼다. 카드를 누르면 크게 볼 수 있다.

학습 흐름 실제 예시 장
문제 해결 problem · 5단계 — 포장 앞면만 보고 골라도 될까요?
학습 흐름 실제 예시 장
사례 판단 case · 5단계 — 이 매점에서 어떤 음료를 고르나요?
학습 흐름 실제 예시 장
따라하기 follow · 5단계 — 읽기를 시작하기 전에 무엇이 필요한가요?
학습 흐름 실제 예시 장
탐구 inquiry · 5단계 — 왜 400mg 옆에 20%가 있을까요?
학습 흐름 실제 예시 장
비교 선택 compare · 4단계 — 간식을 고를 때 무엇이 중요한가요?
학습 흐름 실제 예시 장
오류 진단 diagnose · 5단계 — 무엇이 어긋나 보였나요?
학습 흐름 실제 예시 장
토론 discussion · 5단계 — 무가당 표시는 도움일까요, 오해일까요?
학습 흐름 실제 예시 장
프로젝트 project · 6단계 — 누가 무엇을 할 수 있게 만들까요?

장 배치 조각 — 52계열 253변형

legacy 경로의 배치 사전. 조각은 지시가 아니라 재료다 — 자유 모드에서는 이걸 넘어서 직접 배치를 설계해도 된다. 253장 전체를 슬라이드로 넘겨 보려면 위의 ▶ 배치 전체 덱.

01-cover-bauhaus-1 배치
01-cover-bauhaus-1
01-cover-bigstat-1 배치
01-cover-bigstat-1
01-cover-blueprint-1 배치
01-cover-blueprint-1
01-cover-bold-poster-1 배치
01-cover-bold-poster-1
01-cover-center-1 배치
01-cover-center-1
01-cover-diagram-1 배치
01-cover-diagram-1
01-cover-editorial-lab-1 배치
01-cover-editorial-lab-1
01-cover-future-portal-1 배치
01-cover-future-portal-1
01-cover-learning-path-1 배치
01-cover-learning-path-1
01-cover-modular-cards-1 배치
01-cover-modular-cards-1
01-cover-monograph-1 배치
01-cover-monograph-1
01-cover-mosaic-1 배치
01-cover-mosaic-1
01-cover-paper-collage-1 배치
01-cover-paper-collage-1
01-cover-split-1 배치
01-cover-split-1
01-cover-stripes-1 배치
01-cover-stripes-1
01-cover-workbook-notes-1 배치
01-cover-workbook-notes-1
02-agenda-1 배치
02-agenda-1
02-agenda-2 배치
02-agenda-2
02-agenda-3 배치
02-agenda-3
02-agenda-4 배치
02-agenda-4
02-agenda-5 배치
02-agenda-5
02-agenda-6 배치
02-agenda-6
03-timeline-1 배치
03-timeline-1
03-timeline-2 배치
03-timeline-2
03-timeline-3 배치
03-timeline-3
03-timeline-4 배치
03-timeline-4
03-timeline-5 배치
03-timeline-5
04-map-1 배치
04-map-1
04-map-2 배치
04-map-2
04-map-3 배치
04-map-3
04-map-4 배치
04-map-4
04-map-5 배치
04-map-5
05-mechanism-1 배치
05-mechanism-1
05-mechanism-2 배치
05-mechanism-2
05-mechanism-3 배치
05-mechanism-3
05-mechanism-4 배치
05-mechanism-4
05-mechanism-5 배치
05-mechanism-5
06-traits-grid-1 배치
06-traits-grid-1
06-traits-grid-2 배치
06-traits-grid-2
06-traits-grid-3 배치
06-traits-grid-3
06-traits-grid-4 배치
06-traits-grid-4
06-traits-grid-5 배치
06-traits-grid-5
06-traits-grid-6 배치
06-traits-grid-6
06-traits-grid-7 배치
06-traits-grid-7
07-meter-1 배치
07-meter-1
07-meter-2 배치
07-meter-2
07-meter-3 배치
07-meter-3
07-meter-4 배치
07-meter-4
07-meter-5 배치
07-meter-5
08-compare-2-1 배치
08-compare-2-1
08-compare-2-2 배치
08-compare-2-2
08-compare-2-3 배치
08-compare-2-3
08-compare-2-4 배치
08-compare-2-4
08-compare-2-5 배치
08-compare-2-5
09-compare-table-1 배치
09-compare-table-1
09-compare-table-2 배치
09-compare-table-2
09-compare-table-3 배치
09-compare-table-3
09-compare-table-4 배치
09-compare-table-4
09-compare-table-5 배치
09-compare-table-5
10-hub-1 배치
10-hub-1
10-hub-2 배치
10-hub-2
10-hub-3 배치
10-hub-3
10-hub-4 배치
10-hub-4
10-hub-5 배치
10-hub-5
11-levels-1 배치
11-levels-1
11-levels-2 배치
11-levels-2
11-levels-3 배치
11-levels-3
11-levels-4 배치
11-levels-4
11-levels-5 배치
11-levels-5
11-levels-6 배치
11-levels-6
12-tile-grid-1 배치
12-tile-grid-1
12-tile-grid-2 배치
12-tile-grid-2
12-tile-grid-3 배치
12-tile-grid-3
12-tile-grid-4 배치
12-tile-grid-4
12-tile-grid-5 배치
12-tile-grid-5
13-sequence-1 배치
13-sequence-1
13-sequence-2 배치
13-sequence-2
13-sequence-3 배치
13-sequence-3
13-sequence-4 배치
13-sequence-4
13-sequence-5 배치
13-sequence-5
14-mapping-1 배치
14-mapping-1
14-mapping-2 배치
14-mapping-2
14-mapping-3 배치
14-mapping-3
14-mapping-4 배치
14-mapping-4
14-mapping-5 배치
14-mapping-5
15-mock-legend-1 배치
15-mock-legend-1
15-mock-legend-2 배치
15-mock-legend-2
15-mock-legend-3 배치
15-mock-legend-3
15-mock-legend-4 배치
15-mock-legend-4
15-mock-legend-5 배치
15-mock-legend-5
16-mock-options-1 배치
16-mock-options-1
16-mock-options-2 배치
16-mock-options-2
16-mock-options-3 배치
16-mock-options-3
16-mock-options-4 배치
16-mock-options-4
16-mock-options-5 배치
16-mock-options-5
17-statement-1 배치
17-statement-1
17-statement-2 배치
17-statement-2
17-statement-3 배치
17-statement-3
17-statement-4 배치
17-statement-4
17-statement-5 배치
17-statement-5
17-statement-6 배치
17-statement-6
18-build-up-1 배치
18-build-up-1
18-build-up-2 배치
18-build-up-2
18-build-up-3 배치
18-build-up-3
18-build-up-4 배치
18-build-up-4
18-build-up-5 배치
18-build-up-5
19-frame-form-1 배치
19-frame-form-1
19-frame-form-2 배치
19-frame-form-2
19-frame-form-3 배치
19-frame-form-3
19-frame-form-4 배치
19-frame-form-4
19-frame-form-5 배치
19-frame-form-5
20-before-after-1 배치
20-before-after-1
20-before-after-2 배치
20-before-after-2
20-before-after-3 배치
20-before-after-3
20-before-after-4 배치
20-before-after-4
20-before-after-5 배치
20-before-after-5
21-worked-example-1 배치
21-worked-example-1
21-worked-example-2 배치
21-worked-example-2
21-worked-example-3 배치
21-worked-example-3
21-worked-example-4 배치
21-worked-example-4
21-worked-example-5 배치
21-worked-example-5
21-worked-example-6 배치
21-worked-example-6
21-worked-example-7 배치
21-worked-example-7
21-worked-example-8 배치
21-worked-example-8
21-worked-example-9 배치
21-worked-example-9
22-worked-artifact-1 배치
22-worked-artifact-1
22-worked-artifact-2 배치
22-worked-artifact-2
22-worked-artifact-3 배치
22-worked-artifact-3
22-worked-artifact-4 배치
22-worked-artifact-4
22-worked-artifact-5 배치
22-worked-artifact-5
23-quiz-ab-1 배치
23-quiz-ab-1
23-quiz-ab-2 배치
23-quiz-ab-2
23-quiz-ab-3 배치
23-quiz-ab-3
23-quiz-ab-4 배치
23-quiz-ab-4
23-quiz-ab-5 배치
23-quiz-ab-5
24-quiz-sort-1 배치
24-quiz-sort-1
24-quiz-sort-2 배치
24-quiz-sort-2
24-quiz-sort-3 배치
24-quiz-sort-3
24-quiz-sort-4 배치
24-quiz-sort-4
24-quiz-sort-5 배치
24-quiz-sort-5
25-quiz-ox-1 배치
25-quiz-ox-1
25-quiz-ox-2 배치
25-quiz-ox-2
25-quiz-ox-3 배치
25-quiz-ox-3
25-quiz-ox-4 배치
25-quiz-ox-4
25-quiz-ox-5 배치
25-quiz-ox-5
26-rules-dark-1 배치
26-rules-dark-1
26-rules-dark-2 배치
26-rules-dark-2
26-rules-dark-3 배치
26-rules-dark-3
26-rules-dark-4 배치
26-rules-dark-4
26-rules-dark-5 배치
26-rules-dark-5
26-rules-dark-6 배치
26-rules-dark-6
26-rules-dark-7 배치
26-rules-dark-7
27-checklist-1 배치
27-checklist-1
27-checklist-2 배치
27-checklist-2
27-checklist-3 배치
27-checklist-3
27-checklist-4 배치
27-checklist-4
27-checklist-5 배치
27-checklist-5
28-sources-1 배치
28-sources-1
28-sources-2 배치
28-sources-2
28-sources-3 배치
28-sources-3
28-sources-4 배치
28-sources-4
28-sources-5 배치
28-sources-5
29-closing-1 배치
29-closing-1
29-closing-2 배치
29-closing-2
29-closing-3 배치
29-closing-3
29-closing-4 배치
29-closing-4
29-closing-5 배치
29-closing-5
30-check-1 배치
30-check-1
30-check-2 배치
30-check-2
30-check-3 배치
30-check-3
30-check-4 배치
30-check-4
30-check-5 배치
30-check-5
31-stat-strip-1 배치
31-stat-strip-1
31-stat-strip-2 배치
31-stat-strip-2
31-stat-strip-3 배치
31-stat-strip-3
31-stat-strip-4 배치
31-stat-strip-4
31-stat-strip-5 배치
31-stat-strip-5
32-screen-cite-1 배치
32-screen-cite-1
32-screen-cite-2 배치
32-screen-cite-2
32-screen-cite-3 배치
32-screen-cite-3
32-screen-cite-4 배치
32-screen-cite-4
32-screen-cite-5 배치
32-screen-cite-5
33-chart-bar-1 배치
33-chart-bar-1
33-chart-bar-2 배치
33-chart-bar-2
33-chart-bar-3 배치
33-chart-bar-3
33-chart-bar-4 배치
33-chart-bar-4
33-chart-bar-5 배치
33-chart-bar-5
34-chart-line-1 배치
34-chart-line-1
34-chart-line-2 배치
34-chart-line-2
34-chart-line-3 배치
34-chart-line-3
34-chart-line-4 배치
34-chart-line-4
34-chart-line-5 배치
34-chart-line-5
35-explore-1 배치
35-explore-1
35-explore-2 배치
35-explore-2
35-explore-3 배치
35-explore-3
35-explore-4 배치
35-explore-4
35-explore-5 배치
35-explore-5
36-detail-sheet-1 배치
36-detail-sheet-1
36-detail-sheet-2 배치
36-detail-sheet-2
36-detail-sheet-3 배치
36-detail-sheet-3
36-detail-sheet-4 배치
36-detail-sheet-4
36-detail-sheet-5 배치
36-detail-sheet-5
37-arch-flow-1 배치
37-arch-flow-1
37-arch-flow-2 배치
37-arch-flow-2
37-arch-flow-3 배치
37-arch-flow-3
37-arch-flow-4 배치
37-arch-flow-4
37-arch-flow-5 배치
37-arch-flow-5
37-arch-flow-6 배치
37-arch-flow-6
37-arch-flow-7 배치
37-arch-flow-7
37-arch-flow-8 배치
37-arch-flow-8
38-part-divider-1 배치
38-part-divider-1
38-part-divider-2 배치
38-part-divider-2
38-part-divider-3 배치
38-part-divider-3
38-part-divider-4 배치
38-part-divider-4
38-part-divider-5 배치
38-part-divider-5
39-quadrant-1 배치
39-quadrant-1
39-quadrant-2 배치
39-quadrant-2
39-quadrant-3 배치
39-quadrant-3
39-quadrant-4 배치
39-quadrant-4
39-quadrant-5 배치
39-quadrant-5
40-flashcards-1 배치
40-flashcards-1
40-flashcards-2 배치
40-flashcards-2
40-flashcards-3 배치
40-flashcards-3
40-flashcards-4 배치
40-flashcards-4
40-flashcards-5 배치
40-flashcards-5
41-ops-report-1 배치
41-ops-report-1
41-ops-report-2 배치
41-ops-report-2
41-ops-report-3 배치
41-ops-report-3
41-ops-report-4 배치
41-ops-report-4
41-ops-report-5 배치
41-ops-report-5
41-ops-report-6 배치
41-ops-report-6
42-sankey-flow-1 배치
42-sankey-flow-1
42-sankey-flow-2 배치
42-sankey-flow-2
43-decision-tree-1 배치
43-decision-tree-1
43-decision-tree-2 배치
43-decision-tree-2
44-kanban-board-1 배치
44-kanban-board-1
44-kanban-board-2 배치
44-kanban-board-2
45-version-graph-1 배치
45-version-graph-1
45-version-graph-2 배치
45-version-graph-2
46-event-fanout-1 배치
46-event-fanout-1
46-event-fanout-2 배치
46-event-fanout-2
47-route-tour-1 배치
47-route-tour-1
47-route-tour-2 배치
47-route-tour-2
48-waterfall-1 배치
48-waterfall-1
48-waterfall-2 배치
48-waterfall-2
49-mesh-network-1 배치
49-mesh-network-1
49-mesh-network-2 배치
49-mesh-network-2
50-heatmap-grid-1 배치
50-heatmap-grid-1
50-heatmap-grid-2 배치
50-heatmap-grid-2
51-swimlane-1 배치
51-swimlane-1
51-swimlane-2 배치
51-swimlane-2
52-cycle-ring-1 배치
52-cycle-ring-1
52-cycle-ring-2 배치
52-cycle-ring-2

테마 8종 — 같은 덱 × 전 테마 매트릭스

같은 주제의 표지·목차·내용 장 3개를 테마 8종으로 각각 조립한 실물이다 — 한 줄이 한 테마. 테마는 색·그림자·반경을 바꾼다(배치 문법은 그대로). 아래는 같은 장면(타일 그리드)의 단일 비교.

berry
테마 berry cover
테마 berry agenda
테마 berry content
cobalt
테마 cobalt cover
테마 cobalt agenda
테마 cobalt content
cocoa
테마 cocoa cover
테마 cocoa agenda
테마 cocoa content
forest
테마 forest cover
테마 forest agenda
테마 forest content
graphite
테마 graphite cover
테마 graphite agenda
테마 graphite content
midnight
테마 midnight cover
테마 midnight agenda
테마 midnight content
ocean
테마 ocean cover
테마 ocean agenda
테마 ocean content
solar
테마 solar cover
테마 solar agenda
테마 solar content
테마 theme-berry
theme-berry
테마 theme-cobalt
theme-cobalt
테마 theme-cocoa
theme-cocoa
테마 theme-forest
theme-forest
테마 theme-graphite
theme-graphite
테마 theme-midnight
theme-midnight
테마 theme-ocean
theme-ocean
테마 theme-solar
theme-solar

모션 시그니처 — 42종 전체 + 공통 기법 5종

계열마다 실행 이름이 자동 배정된다(52계열이 42개 이름을 공유·재사용 — stack-reveal은 구성도 부품이 직접 기록). 스크롤하면 카드가 실물로 움직인다 — 한 번에 한 장씩, 보이는 순서대로 실제 motion.js 엔진이 시그니처·단계·판정 클릭을 재생한다. 카드를 누르면 오버레이로 크게 볼 수 있다. 인쇄·자습·reduced-motion 에서는 항상 최종 상태가 그대로 보인다.

모션 표지 orbit-and-type
표지 orbit-and-type — 궤도를 그리며 글자가 자리 잡는다
크게 보기
모션 목차 route-cascade
목차 route-cascade — 목차 칸이 위에서 순서대로 내려온다
크게 보기
모션 타임라인 line-then-year
타임라인 line-then-year — 선이 그어지고 연도가 따라 붙는다
크게 보기
모션 개념 지도 radial-grid-boundary
개념 지도 radial-grid-boundary — 중심에서 방사로 경계가 그려진다
크게 보기
모션 메커니즘 input-process-output
메커니즘 input-process-output — 입력부터 출력으로 흐름 입자가 지난다
크게 보기
모션 특성 그리드 facet-flip
특성 그리드 facet-flip — 카드가 축을 따라 뒤집히며 면이 드러난다
크게 보기
모션 계기 gauge-settle
계기 gauge-settle — 막대가 오버슈트하며 안착하고 숫자가 롤링된다
크게 보기
모션 양자 비교 opposed-faces
양자 비교 opposed-faces — 좌우 면이 마주 보며 등장한다
크게 보기
모션 비교표 row-scan
비교표 row-scan — 행이 읽히는 순서로 스캔된다
크게 보기
모션 허브 center-spoke-ignite
허브 center-spoke-ignite — 중심이 점화되고 스포크로 번진다
크게 보기
모션 단계 ladder-rise
단계 ladder-rise — 단계가 아래에서 위로 올라온다
크게 보기
모션 타일 그리드 grid-wave
타일 그리드 grid-wave — 격자에 파동이 지나간다
크게 보기
모션 순서 causal-domino
순서 causal-domino — 인과가 도미노처럼 연쇄된다
크게 보기
모션 연결 paired-connection
연결 paired-connection — 짝이 연결선으로 이어진다
크게 보기
모션 화면 범례 spotlight-pin
화면 범례 spotlight-pin — 스포트라이트가 핀을 찍는다
크게 보기
모션 화면 선택지 selection-track
화면 선택지 selection-track — 선택지가 트랙을 따라 놓인다
크게 보기
모션 선언 kinetic-thesis
선언 kinetic-thesis — 논지 글자가 힘을 받으며 선언된다
크게 보기
모션 쌓기 accumulating-pieces
쌓기 accumulating-pieces — 조각이 차곡차곡 쌓인다
크게 보기
모션 틀→채움 outline-then-fill
틀→채움 outline-then-fill — 윤곽이 먼저, 채움이 따른다
크게 보기
모션 앞뒤 전환 paired-wipe
앞뒤 전환 paired-wipe — 앞면이 닦이며 뒷면이 드러난다
크게 보기
모션 풀이 재생 scene-replay
풀이 재생 scene-replay — 풀이 장면이 차례로 재생된다
크게 보기
모션 선택 퀴즈 choice-verdict
선택 퀴즈 choice-verdict — 선택이 판정으로 이어진다
크게 보기
모션 분류 퀴즈 classification-lanes
분류 퀴즈 classification-lanes — 항목이 분류 레인으로 흐른다
크게 보기
모션 OX 퀴즈 judgment-stamp
OX 퀴즈 judgment-stamp — 판정 도장이 찍힌다
크게 보기
모션 규칙 spotlight-focus
규칙 spotlight-focus — 스포트라이트가 규칙으로 좁혀진다
크게 보기
모션 점검 목록 commitment-stamps
점검 목록 commitment-stamps — 약속 도장이 연달아 찍힌다
크게 보기
모션 출처 evidence-align
출처 evidence-align — 근거가 정렬되며 대조된다
크게 보기
모션 마무리 summary-convergence
마무리 summary-convergence — 요소들이 한 점으로 수렴한다
크게 보기
모션 확인 문제 feedback-beacon
확인 문제 feedback-beacon — 정답 신호가 깜박인다
크게 보기
모션 숫자 증거 metric-rally
숫자 증거 metric-rally — 숫자가 카운트업되며 모인다
크게 보기
모션 샌키 흐름 stream-converge
샌키 흐름 stream-converge — 유입 밴드가 합류·분출로 이어진다
크게 보기
모션 판단 트리 branch-verdict
판단 트리 branch-verdict — 가지가 그려지며 판정이 찍힌다
크게 보기
모션 칸반 보드 card-drift
칸반 보드 card-drift — 카드가 칸 사이를 흘러 이동한다
크게 보기
모션 브랜치 그래프 merge-trace
브랜치 그래프 merge-trace — 줄기가 그려지고 병합 도장이 찍힌다
크게 보기
모션 이벤트 확산 pulse-fanout
이벤트 확산 pulse-fanout — 중심 사건에서 외곽이 동시에 켜진다
크게 보기
모션 경로 순회 waypoint-crawl
경로 순회 waypoint-crawl — 정거장을 차례로 지나 체크된다
크게 보기
모션 폭포수 cascade-ledge
폭포수 cascade-ledge — 증감 막대가 매달리며 누적된다
크게 보기
모션 메시 홉 hop-relay
메시 홉 hop-relay — 신호가 경로를 옮겨 목적지에 닿는다
크게 보기
모션 히트맵 grid-flare
히트맵 grid-flare — 칸이 순서대로 밝아져 강도가 드러난다
크게 보기
모션 스윔레인 lane-slide
스윔레인 lane-slide — 작업 칩이 레인을 넘어 인계된다
크게 보기
모션 순환 링 ring-circuit
순환 링 ring-circuit — 흐름이 한 바퀴 돌아 순환이 성립한다
크게 보기
모션 구성도 stack-reveal
구성도 stack-reveal — 그룹→노드→화살표 순으로 드러난다(구성도 부품 소유)
크게 보기

공통 기법 5종 — 실행 이름 위에 얹히는 조형 어휘 (data-fx)

계열 시그니처와 별개로 조각이 data-fx 로 옵트인하는 기법이다. 인쇄·정적 상태는 기법 없을 때와 픽셀 차이 0(검증 완료).

모션 표지 제목 fx-scatter-gather
표지 제목 fx-scatter-gather — 흩어진 글자가 모여 주제가 성립한다
크게 보기
모션 목차 행 fx-row-mask-rise
목차 행 fx-row-mask-rise — 행이 마스크 아래에서 경로 순서로 솟는다
크게 보기
모션 핵심 어절 fx-weight-wave
핵심 어절 fx-weight-wave — 가변 굵기(wght)가 강조를 따라 흐른다
크게 보기
모션 비교 면 fx-slice-reveal
비교 면 fx-slice-reveal — 띠가 차례로 열리며 면이 공개된다
크게 보기
모션 채점 해설 fx-rack-focus
채점 해설 fx-rack-focus — 초점이 문제에서 해설로 넘어간다
크게 보기

아키텍처 모션 그래픽 키트 — 생성기 3종 + 실행 이름 1종

시맨틱 JSON(nodes·edges·zones·states)을 scripts/arch_layout.mjs가 빌드 시점 dagre 배치로 svg.dg 조각으로 굽는다 — 런타임 레이아웃 엔진 없이 고정 좌표. 전 장 같은 계열 arch-diagram이라 한 실행 이름 arch-trace(등장+선 그리기+패킷)가 발화한다. 두 덱 전부 regen --check로 결정적 재생성된다(모델만 저장소 안에 완결). 아래 6장은 원형 키트, 이어지는 SI 실무형 10유형 11장은 확장 문법 — 호출/응답 화살촉쌍(실선 블록↔점선 오픈촉)·소속존 면색≠신뢰경계 점선·존 사이 경계선·보조 연결(aux) 정적선·arch_lanes.mjs 레인 레이아웃(빌드 시점 토큰 시뮬레이터 — 반려 재신청 재방문까지 data-step/data-lit만으로 재생, 엔진 무변경). 카드에 스크롤하면 실물로 움직이고, 누르면 크게 본다.

원형 키트 6장 — examples/arch-demo

아키텍처 마이크로서비스
마이크로서비스 arch-trace — 동기 호출과 이벤트 버스가 공존하는 경로 실물 덱 ↗
크게 보기
아키텍처 레이어드 아키텍처
레이어드 아키텍처 arch-trace — 위층이 아래층만 부르는 의존 방향 실물 덱 ↗
크게 보기
아키텍처 네트워크 토폴로지
네트워크 토폴로지 arch-trace — 인입부터 DB까지의 물리 경로 실물 덱 ↗
크게 보기
아키텍처 아이소메트릭 DC
아이소메트릭 DC arch-trace — 요청이 지나는 세 층과 상태 점등 실물 덱 ↗
크게 보기
아키텍처 고가용성
고가용성 arch-trace — 주·대기 전환 — 페일오버 6단계 실물 덱 ↗
크게 보기
아키텍처 하이브리드 클라우드
하이브리드 클라우드 arch-trace — 방화벽 옆 온프렘·클라우드 신뢰 경계 실물 덱 ↗
크게 보기

SI 실무형 10유형 11장 — examples/arch-si (유형·엔진·모델·실물 링크 표기)

SI 표지 블루프린트 커버
표지 · 블루프린트 커버 arch-trace — arch-blueprint 톤 다크 블루프린트 표지 — 도면 시리얼 헤더src 직접 저작 · models/— · 참조: bp-head 컴팩트 헤더 · 실물 덱 1장 ↗
크게 보기
SI A1 종합시스템 종합 구성(개요)
A1 종합시스템 · 종합 구성(개요) arch-trace — 중첩 존 3단계·직교 버스 3본선·HA쌍·cluster/rack-group·BOM 사이드패널 — 노드 25·사선 0arch_layout · models/a1a-overview.json · 참조: draw.io 호출/응답 화살촉 쌍 · 실물 덱 2장 ↗
크게 보기
SI A1 종합시스템 종합 구성(상세)
A1 종합시스템 · 종합 구성(상세) arch-trace — cluster 노드(내부 칩+리소스 바)·equip·rack-group — 노드 14·중첩 2단계arch_layout · models/a1b-detail.json · 참조: draw 예산 12·aux 정책 · 실물 덱 3장 ↗
크게 보기
SI A2 응용 구성 WEB-WAS-DB 3계층
A2 응용 구성 · WEB-WAS-DB 3계층 arch-trace — 온라인·세션·배치 구분과 계층별 멤버 존arch_layout · models/a2-3tier.json · 참조: egovframe 공통컴포넌트 용어 · 실물 덱 4장 ↗
크게 보기
SI A3 연계 내외부 연계(EAI)
A3 연계 · 내외부 연계(EAI) arch-trace — IF ID·프로토콜·동기/비동기·주기 — b/r/g 선종 자동 범례arch_layout · models/a3-integration.json · 참조: draw.io 라벨 2행 문법 · 실물 덱 5장 ↗
크게 보기
SI B1 프로세스 구매 승인 Swimlane
B1 프로세스 · 구매 승인 Swimlane arch-trace — 레인·금액 분기·반려 재신청 루프(토큰 재방문)arch_lanes · models/b1-swimlane.json · 참조: bpmn-js 렌더 규칙(자체 저작) · 실물 덱 6장 ↗
크게 보기
SI B2 프로세스 발주 승인 Sequence
B2 프로세스 · 발주 승인 Sequence arch-trace — 생명선·호출/응답(실선/점선 오픈촉)·활성 막대arch_lanes · models/b2-sequence.json · 참조: UML Sequence 생명선 문법 · 실물 덱 7장 ↗
크게 보기
SI B3 배치 배치 재처리
B3 배치 · 배치 재처리 arch-trace — 선행 DAG + 오류 테이블→재처리 루프(JOB ID·주기)arch_layout · models/b3-batch.json · 참조: egovframe 배치 용어 · 실물 덱 8장 ↗
크게 보기
SI C1 논리 인프라 DMZ 논리 구성
C1 논리 인프라 · DMZ 논리 구성 arch-trace — 대권역 솔리드 헤더 3중첩·버스 배선·하단 범례 바·정책 표 사이드패널arch_layout · models/c1-dmz.json · 참조: draw.io 존 라벨 하단·면색 경계 · 실물 덱 9장 ↗
크게 보기
SI C2 물리 인프라 2사이트 물리 회선
C2 물리 인프라 · 2사이트 물리 회선 arch-trace — 전용/백업/VPN 회선 3종과 구간 스펙(예시값 명시)arch_layout · models/c2-physical.json · 참조: 임의 회선 금지 규칙 · 실물 덱 10장 ↗
크게 보기
SI C3 HA/DR DR 전환과 복제
C3 HA/DR · DR 전환과 복제 arch-trace — Active-Standby 상태 칩 전환 ≠ 비동기 복제 스트림arch_layout · models/c3-dr.json · 참조: 이중화≠복제 혼동 금지 · 실물 덱 11장 ↗
크게 보기
SI D1 전환 As-Is → To-Be
D1 전환 · As-Is → To-Be arch-trace — 같은 좌표 4상태 대조 — 유지/신규/변경/제거arch_lanes · models/d1-astobe.json · 참조: 위치 아이덴티티 유지 · 실물 덱 12장 ↗
크게 보기
SI 마무리 인수인계 체크리스트
마무리 · 인수인계 체크리스트 arch-trace — 3×2 체크리스트로 교육 서사 마감src 직접 저작 · models/— · 참조: handover 체크리스트 · 실물 덱 13장 ↗
크게 보기

컨설팅 차트 킷 — 타입 8종 시연 · 실물 데모 2종

설득·권고 목적 덱을 위한 consulting-deck 스킬의 차트 11타입 중 8종을 실물 데모로 시연한다. 의미 모델(JSON)을 consulting-deck/charts/chart_gen.mjs가 주장형 제목·단계 공개·방법론 노트·출처 블록(가상 데이터 표기 포함)까지 갖춘 <section> 조각으로 군고, regen --check로 결정적 재생성을 검증한다. 근거 원장(evidence.json)과의 수치 대조 검사(check_consulting.py)를 통과한 실물이다. 카드에 스크롤하면 실물로 등장 순서가 재생되고, 누르면 크게 본다.

데모 A — 기업 AI 전환 전략 12장 · Tech Transformation 방향 (consult-tech) · 실인용+가상 혼합 원장

컨설팅 ranked-bar-h 시장 신호 랭킹
ranked-bar-h · 시장 신호 랭킹 chart_gen — CEO 확신 지표 5개 — 유일한 실인용 차트(BCG AI Radar 2026)charts/03-adoption.json · 실물 데모 4장 ↗
크게 보기
컨설팅 line 활용 격차 추이
line · 활용 격차 추이 chart_gen — 우리 14.0% vs 선도군 45.0% — 8분기에 3.2배로 벌어지는 가위charts/04-gap.json · 실물 데모 5장 ↗
크게 보기
컨설팅 heatmap 가치 기회 히트맵
heatmap · 가치 기회 히트맵 chart_gen — 사업부×가치원천 잠재 강도 — 연 140억의 원천 배분charts/05-value.json · 실물 데모 6장 ↗
크게 보기
컨설팅 matrix-2x2 투자 우선순위 2×2
matrix-2x2 · 투자 우선순위 2×2 chart_gen — 유스케이스 10개 — 즉시 승인 3개는 우상단 사분면charts/06-priority.json · 실물 데모 7장 ↗
크게 보기
컨설팅 stack(Architecture Kit) 3계층 아키텍처
stack(Architecture Kit) · 3계층 아키텍처 chart_gen — 시맨틱 JSON→stack 부품 — Architecture Kit 결합 장(과업 공통 요건)src/09-architecture.html · 실물 데모 10장 ↗
크게 보기
컨설팅 tornado 리스크 민감도
tornado · 리스크 민감도 chart_gen — 연 140억의 최대 변수는 현장 채택률 ±42억 — 완화책 3개charts/11-risks.json · 실물 데모 12장 ↗
크게 보기

데모 B — IT 비용 최적화 이사회 보고 11장 · Executive Minimal 방향 (consult) · 전수 가상 원장

컨설팅 stacked-bar 비용 구성
stacked-bar · 비용 구성 chart_gen — FY22→FY25 구성 변화 — 인프라·라이선스가 69%까지charts/03-cost-structure.json · 실물 데모 4장 ↗
크게 보기
컨설팅 waterfall 증가 요인 브리지
waterfall · 증가 요인 브리지 chart_gen — 3년 +348억 분해 — 라이선스 단가 43%(축 생략 마크)charts/04-cost-growth.json · 실물 데모 5장 ↗
크게 보기
컨설팅 ranked-bar-h 벤치마크 랭킹
ranked-bar-h · 벤치마크 랭킹 chart_gen — IT 비용 매출 비 4.1% — 비교 5사 중 두 번째로 높다charts/05-benchmark.json · 실물 데모 6장 ↗
크게 보기
컨설팅 waterfall 절감 브리지
waterfall · 절감 브리지 chart_gen — 1,240→870억 — 연 370억(30%) 구조 절감charts/06-savings.json · 실물 데모 7장 ↗
크게 보기
컨설팅 diverging-bar As-Is→To-Be
diverging-bar · As-Is→To-Be chart_gen — 줄일 곳 −45% · 지킬 곳 +15% — 발산 막대charts/07-asis-tobe.json · 실물 데모 8장 ↗
크게 보기
edu-deck-skills · 갤러리 이미지는 예시 자리표시 문안을 포함한 조각 원형 그대로의 렌더다. 배치 전체를 직접 넘겨 보기: gallery-archetypes.html