flowchart TB
subgraph 준비["🔧 준비 단계"]
LLM["🤖 LLM 서비스<br/>OpenAI · Anthropic"]
GitHub["🐙 GitHub<br/>코드 저장소"]
end
subgraph 개발["⚡ 개발 단계"]
Codespaces["💻 Codespaces<br/>클라우드 개발환경"]
end
subgraph 배포["🌐 배포 단계"]
Streamlit["🚀 Streamlit<br/>웹 호스팅"]
end
subgraph 완성["✨ 완성"]
Chatbot["💬 나의 AI 챗봇<br/>누구나 접속 가능!"]
end
LLM -.->|"① API 키 발급"| Chatbot
GitHub -->|"② 템플릿 포크"| Codespaces
Codespaces -->|"③ 코드 수정 & 저장"| GitHub
GitHub -->|"④ 저장소 연결"| Streamlit
Streamlit -->|"⑤ 웹 서비스 배포"| Chatbot
style LLM fill:#e3f2fd,stroke:#1976d2,stroke-width:2px,color:#000000
style GitHub fill:#f5f5f5,stroke:#333,stroke-width:2px,color:#000000
style Codespaces fill:#fff3e0,stroke:#f57c00,stroke-width:2px,color:#000000
style Streamlit fill:#ffebee,stroke:#d32f2f,stroke-width:2px,color:#000000
style Chatbot fill:#e8f5e9,stroke:#2e7d32,stroke-width:3px,color:#000000