디자인 시스템 갖추기"]
direction TB
I1["1. Design.md 기반 체계적인 디자인 시스템 정립"]
I2["2. Google I/O 2026 동향 & Notion CLI 제어 실습"]
I3["3. 디자인 시스템 연계 AI 에이전트 하네스 확장"]
I4["4. GitHub Pages 정적 배포 & 컴포넌트 프레임워크 적용"]
I1 --> I2 --> I3 --> I4
end
%% ====== 8. 워크샵 ======
subgraph SW9["8주차 워크샵: 내 프로젝트에 Design System 갖추기"]
direction TB
IW1["컴포넌트 프레임워크 기반 디자인 시스템 추출 및 적용"]
IW2["GitHub Pages를 활용한 MVP 정적 배포 및 검증"]
IW1 --> IW2
end
%% ====== 흐름 연결 ======
S9 --> SW9
%% ====== 스타일 정의 ======
style SW9 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px">
디자인 시스템 갖추기"]
direction TB
I1["1. Design.md 기반 체계적인 디자인 시스템 정립"]
I2["2. Google I/O 2026 동향 & Notion CLI 제어 실습"]
I3["3. 디자인 시스템 연계 AI 에이전트 하네스 확장"]
I4["4. GitHub Pages 정적 배포 & 컴포넌트 프레임워크 적용"]
I1 --> I2 --> I3 --> I4
end
%% ====== 8. 워크샵 ======
subgraph SW9["8주차 워크샵: 내 프로젝트에 Design System 갖추기"]
direction TB
IW1["컴포넌트 프레임워크 기반 디자인 시스템 추출 및 적용"]
IW2["GitHub Pages를 활용한 MVP 정적 배포 및 검증"]
IW1 --> IW2
end
%% ====== 흐름 연결 ======
S9 --> SW9
%% ====== 스타일 정의 ======
style SW9 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px">
디자인 시스템 갖추기"]
direction TB
I1["1. Design.md 기반 체계적인 디자인 시스템 정립"]
I2["2. Google I/O 2026 동향 & Notion CLI 제어 실습"]
I3["3. 디자인 시스템 연계 AI 에이전트 하네스 확장"]
I4["4. GitHub Pages 정적 배포 & 컴포넌트 프레임워크 적용"]
I1 --> I2 --> I3 --> I4
end
%% ====== 8. 워크샵 ======
subgraph SW9["8주차 워크샵: 내 프로젝트에 Design System 갖추기"]
direction TB
IW1["컴포넌트 프레임워크 기반 디자인 시스템 추출 및 적용"]
IW2["GitHub Pages를 활용한 MVP 정적 배포 및 검증"]
IW1 --> IW2
end
%% ====== 흐름 연결 ======
S9 --> SW9
%% ====== 스타일 정의 ======
style SW9 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px">
flowchart LR
%% ====== 8. MVP 프로젝트 디자인 시스템 ======
subgraph S9["8주차: MVP 프로젝트에<br>디자인 시스템 갖추기"]
direction TB
I1["1. Design.md 기반<br>체계적인 디자인 시스템 정립"]
I2["2. Google I/O 2026 동향<br>& Notion CLI 제어 실습"]
I3["3. 디자인 시스템 연계<br>AI 에이전트 하네스 확장"]
I4["4. GitHub Pages 정적 배포<br>& 컴포넌트 프레임워크 적용"]
I1 --> I2 --> I3 --> I4
end
%% ====== 8. 워크샵 ======
subgraph SW9["8주차 워크샵:<br>내 프로젝트에<br>Design System 갖추기"]
direction TB
IW1["컴포넌트 프레임워크 기반<br>디자인 시스템 추출 및 적용"]
IW2["GitHub Pages를 활용한<br>MVP 정적 배포 및 검증"]
IW1 --> IW2
end
%% ====== 흐름 연결 ======
S9 --> SW9
%% ====== 스타일 정의 ======
style SW9 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px