차례
제목을 누르면 바로 그 장으로 갑니다
1부
AI와 일하기 시작
까만 화면을 열고, AI 동료에게 일을 맡겨 봅니다.
1–6장
- 01터미널, 까만 화면과 친해지기마우스 대신 글자로 컴퓨터에 명령하는 창. 명령어 몇 개면 바이브코딩 준비가 끝납니다.읽음읽는 중카드 6
- 02Claude Code 시작하기, 터미널 속 AI 동료채팅창에 코드를 복사해 붙이던 방식은 이제 그만. 내 프로젝트 폴더 안에서 직접 일하는 AI를 만나 봅니다.읽음읽는 중카드 6
- 03데스크톱 앱과 CLI, 같은 Claude Code 다른 창Claude 데스크톱 앱의 Code 탭과 터미널의 Claude Code는 무엇이 같고 무엇이 다를까요?읽음읽는 중카드 6
- 04CLAUDE.md, AI에게 주는 프로젝트 안내서매번 같은 설명을 반복하지 않도록, AI가 대화를 시작할 때마다 먼저 읽는 파일을 만들어 봅니다.읽음읽는 중카드 6
- 05AI에게 일 잘 시키는 법, 프롬프트 기본기같은 AI라도 어떻게 부탁하느냐에 따라 결과가 달라집니다. 바로 써먹는 요청의 재료 네 가지.읽음읽는 중카드 6
- 06PRD, 만들 것을 글로 먼저서비스 전체를 AI에게 맡기기 전에, 무엇을 누구를 위해 어디까지 만들지 한 장에 적어 봅니다.읽음읽는 중카드 6
2부
AI의 언어와 도구
AI와 도구들이 주고받는 말과 규칙을 익힙니다.
7–9장
3부
코드 관리
망가져도 되돌리고, 안전하게 보관합니다.
10–11장
4부
만들기
화면과 디자인, 데이터, 외부 서비스를 붙입니다.
12–15장
- 12Next.js, 화면과 서버를 한 번에웹사이트의 보이는 부분과 보이지 않는 부분을 한 프로젝트에서 만드는 도구. 폴더가 곧 주소입니다.읽음읽는 중카드 6
- 13Tailwind CSS, 클래스 이름으로 옷 입히기CSS 파일을 따로 쓰지 않고, 이름표만 붙여서 화면을 꾸미는 도구입니다.읽음읽는 중카드 6
- 14Supabase, DB와 로그인을 한 번에서버를 직접 만들지 않고도 데이터를 저장하고 회원 기능을 붙일 수 있는 서비스입니다.읽음읽는 중카드 6
- 15API, 서비스끼리 대화하는 창구결제, 지도, 날씨, AI까지. 다른 서비스의 기능을 빌려 쓰는 약속이 API입니다.읽음읽는 중카드 6
5부
세상에 내놓기
비밀을 지키고, 배포하고, 이름을 붙이고, 고칩니다.
16–19장