준비물: 무엇이 왜 필요할까?
처음엔 많아 보여도 지금 당장 필요한 건 세 가지뿐이에요. 나머지는 필요할 때 하나씩 준비해요.
🎯 이번 레슨을 마치면
- 바이브 코딩에 필요한 도구와 각각의 이유를 안다
- 지금 준비할 것과 나중에 준비할 것을 구분한다
지금 바로 필요한 것 (3가지)
| 준비물 | 왜 필요해요? | 비유 |
|---|---|---|
| 💻 컴퓨터 (윈도우 또는 맥) | Claude Code가 내 컴퓨터의 폴더에서 파일을 만들어요 | 작업실 |
| 🔑 Claude 계정 (유료 요금제) | Claude Code를 쓰려면 Claude 유료 요금제(Pro 이상) 또는 API 결제 계정이 필요해요 | 시공팀 계약 |
| 🤖 Claude 데스크톱 앱 (Code) | 앱 안의 Code에서 Claude Code를 써요. 코드를 쓰고, 파일을 만들고, 실행까지 해 주는 AI 개발 파트너예요. 설치 프로그램 하나면 끝! | 시공팀 |
있으면 편한 것
| 준비물 | 왜 필요해요? |
|---|---|
| 🌐 크롬 또는 엣지 브라우저 | 만든 웹사이트를 열어 확인해요 (이미 있을 거예요) |
| 📝 VS Code (선택) | AI가 만든 파일을 보기 좋게 열어 보는 에디터에디터 (Editor)코드를 작성하는 프로그램이에요. VS Code가 가장 많이 쓰여요.예요. 없어도 Claude Code만으로 진행할 수 있어요 |
| 🟢 Node.js | 배포 도구 같은 여러 개발 도구가 이걸로 돌아가요. 지금 설치하지 않아도 돼요. 필요해지면 Claude Code가 알려 주고 설치를 도와줘요 |
나중에 필요한 것 (그때 같이 준비해요)
| 준비물 | 언제? | 왜? |
|---|---|---|
| Git · GitHub 계정 | Part 2 · 4 | 되돌리기, 온라인 백업, 자동 배포, 클라우드 코딩 |
| Cloudflare 계정 | Part 4 | 내 사이트를 인터넷에 공개 |
| Supabase 계정 | Part 5 | 데이터 저장, 로그인 |
퀴즈
Claude Code가 하는 일로 알맞은 것은?
📝 정리해 볼까요?
- 지금 필요한 것: 컴퓨터, Claude 유료 요금제 계정, Claude 데스크톱 앱(그 안의 Code).
- 나중에 필요한 것: Git·GitHub(Part 2·4), Cloudflare(Part 4), Supabase(Part 5).
- 모든 도구는 "왜 필요한지"를 알고 나서 설치해요.
📖 새로 나온 용어
- Claude Code
- Anthropic이 만든 AI 코딩 도구예요. Claude 데스크톱 앱의 Code에서 폴더를 지정해 쓰거나, 클라우드에서 쓸 수 있어요. 비유: 내 컴퓨터에 와서 일하는 개발자 동료
- Node.js
- 브라우저 밖(내 컴퓨터, 서버)에서 JavaScript를 실행하게 해 주는 프로그램이에요. 많은 개발 도구가 이걸 필요로 해요.
- 에디터 Editor
- 코드를 작성하는 프로그램이에요. VS Code가 가장 많이 쓰여요. 비유: 코드용 워드 프로그램
잘했어요! 완료 표시는 이 브라우저에 저장돼요.