PM을 부탁해/주말코딩

혼자 공부하는 바이브 코딩 with 클로드 코드

앵그리비버 2026. 3. 18. 10:51

지난 몇 주간은 커서 AI (Cursor AI)와 씨름하면서 서비스를 만들어 보던 시절이었는데요. 최근에는 클로드 코드 (Claude Code)가 많이 떠오르고 있더라구요. 그래서 이번에는 클로드 코드 (Claude Code)를 정복해보았습니다. 좋은 인터넷 강의도 너무 많고 잘 하시는 분들도 너무 많은데, 저는 조용히 혼자서 책 1권을 처음부터 끝까지 따라해보았습니다. 처음부터 끝까지 다 따라해보니 감이 많이 오더라구요. 이제 인터넷에 돌아다니는 좋은 강의들을 살짝 살짝 보더라도 무슨 이야기인지 잘 보이고 금방 감이 오는 느낌입니다. 바이브 코딩에 자신감이 더 생기네요! 오예!

 

https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=379260002&srsltid=AfmBOorrRnBW0_R2erSVTr6yBV9AB797iR5gZ4Kt8lypKVM3kYK1dsTy

 

혼자 공부하는 바이브 코딩 with 클로드 코드 | 조태호

코딩을 잘 모르는 독자도 대화하듯 만들고, 질문을 통해 앱을 개선하며 AI 시대의 프로그래밍 방식을 가장 쉽게 체험할 수 있게 만든 안내서다. 클로드 코드와 함께 15개의 실습 프로젝트를 완주

www.aladin.co.kr

혼자 공부하는 바이브 코딩 with 클로드 코드를 따라하면서 블로그에도 정리해봅니다. 광고는 아니고 클로드 코드 관련된 책을 보다가 제일 유명한 것 같아서 1권 구매해서 따라해보았어요.

차례

  1. 나의 첫 바이브 코딩 - 아티팩트
  2. 효과적인 프롬프트로 AI 200% 활용하기
  3. 클로드 코드 설치하기 - 손글씨 인식하기
  4. 클로드 코드 실전 활동 (1) - 자동 분류되는 할 일 목록
  5. 클로드 코드 실전 활동 (2) - 레이아웃 변경
  6. 게임 제작으로 배우는 체계적인 개발과 관리 (1) - 상식 퀴즈 게임 개발
  7. 게임 제작으로 배우는 체계적인 개발과 관리 (2) - 클로드 코드의 명령어 체인
  8. 게임 제작으로 배우는 체계적인 개발과 관리 (3) - 클로드 코드로 이번에는 선생님 모드로 운영을 위한 대시보드 제작
  9. 클로드 코드에 API 날개 달기 - OpenRouter API 키 발급부터 바이브 코딩 준비까지
  10. 클로드 코드에 API 날개 달기 - 클로드 코드로 '냉장고 레시피 추천 Web'
  11. 클로드 코드 AI 에이전트로 개발팀 구성하기 - 클로드 코드 서브 에이전트 기능으로 '냉장고를 부탁해' 앱 업데이트
  12. 클로드 코드 AI 에이전트로 개발팀 구성하기 - 클로드 코드 에이전트 기능으로 마음일기 웹 서비스 만들어보기
  13. 클로드 코드 AI 에이전트로 개발팀 구성하기 - 클로드 코드 서브 에이전트로 뚝딱! AI PDF 요약 웹 제작
  14. MCP로 클로드 코드의 한계 넘어서기 - 클로드 코드에 노션(Notion) MCP 연동하기
  15. MCP로 클로드 코드의 한계 넘어서기 - 클로드 코드 & MCP 연동으로 웹서비스 제작부터 자동 테스트, 깃허브 업로드까지
  16. MCP로 클로드 코드의 한계 넘어서기 - AI와 함께 10분 만에 웹앱 배포까지! Claude Code + Supabase + Vercel 완전 정복

자세한 내용은 각각 페이지에 남겨봅니다.

반응형