경국대 AI Space로 웹페이지 만들기

AI Space의 API Key와 Base URL을 Zoo/Roo Code에 연결하고, VS Code에서 만든 파일을 GitHub에 저장한 뒤 Vercel로 배포하는 전체 흐름입니다.

AI Space→Zoo/Roo Code→VS Code→GitHub→Vercel→실제 웹사이트
비유: API Key는 AI Space에 들어가는 “열쇠”, Base URL은 AI가 있는 “주소”, Zoo Code는 VS Code 안의 “AI 코딩 조교”, VS Code는 “작업실”, GitHub는 “코드 창고”, Vercel은 “전시장”입니다.
01

경국대 AI Space → Roo Code → VS Code → GitHub → Vercel 구조도

경국대 AI Space → Roo Code → VS Code → GitHub → Vercel 구조도
02

Roo Code가 뭐니? 설명 인포그래픽

Roo Code가 뭐니? 설명 인포그래픽
03

경국대 AI Space + Zoo Code + VS Code + GitHub + Vercel 흐름도

경국대 AI Space + Zoo Code + VS Code + GitHub + Vercel 흐름도
04

Roo Code vs Zoo Code vs Claude Code 비교 인포그래픽

Roo Code vs Zoo Code vs Claude Code 비교 인포그래픽
05

8개 핵심 개념을 한눈에 보는 전체 흐름

AI Space 두뇌, API Key 열쇠, Base URL 주소, Zoo Code AI 코딩 조교, VS Code 작업실, GitHub 창고, Vercel 전시장, 실제 웹사이트 결과물