2 회 차 가 이 드

바이브 코딩을 위한 PRD

AI에게 주는 설계도, PRD를 만들고 그걸로 앱 만들기

📅 5/13(수) 오후 14:00~16:40  |  충경 AI Lab실
← 전체 프로그램

오늘 뭘 하나요?

🎯 오늘의 목표

1주차에 AI에게 "앱 만들어줘" 한 마디로 만들어봤죠? 오늘은 더 원하는 대로 만드는 법을 배웁니다. 비결은 딱 하나, 기획서(PRD)예요.

🔧 오늘 흐름 한눈에

AI와 대화하면서 PRD를 만들고 → 파일로 저장하고 → Claude Code로 앱을 만듭니다. 처음부터 끝까지 한 번 경험하는 게 목표예요!

✅ 수업 시작 전 체크

Claude 데스크탑 로그인이 되는지 확인해주세요. 안 되면 운영팀에 알려주세요. 별도로 도와드립니다.

📦 준비물

없습니다! 1주차에 설치한 Claude 데스크탑을 그대로 사용해요.

💡 미리 생각해오면 좋은 것

"이런 앱이 있으면 좋겠다" 싶은 아이디어 하나! 없어도 수업 시간에 함께 찾습니다.

이렇게 진행됩니다

14:00 ~ 14:20
📋 오프닝 & Claude 점검
강사 소개, Claude 로그인 점검, 1주차 복습, 오늘 흐름 안내
14:20 ~ 14:40
📖 PRD 설명
PRD가 뭔지, 왜 필요한지, 어떻게 만드는지 함께 알아봅니다
📌 PRD 이해하기 →
14:40 ~ 15:10
✍️ PRD 작성하기 (티키타카)
Chat 탭에서 AI와 대화하며 PRD 완성. 중간에 학습자 PRD도 함께 봅니다
📌 PRD 작성법 →
15:10 ~ 15:20
📄 PRD를 파일로 저장
AI에게 prd.md 파일 요청 → 다운로드 → 바탕화면 폴더에 저장
15:20 ~ 15:35
☕ 쉬는 시간
15:35 ~ 16:20
🚀 Claude Code로 개발 + Iteration
PRD 파일을 Code 탭에 넣고 단계별 개발. 써보면서 수정 반복
📌 개발 방법 →
16:20 ~ 16:35
📢 2~3명 발표 & 피드백
완성 여부 무관! 진행 상황과 막힌 부분을 공유하고 서로 피드백
16:35 ~ 16:40
📌 마무리 & 3주차 안내
과제 안내, 다음 주 예고, 강의 평가
⭐ 강의 평가하기
🎯 오늘의 최소 목표

Phase 2~3까지 진행해서 UI가 어느 정도 보이는 단계까지 가기! 나머지 미완성 부분은 과제로 마무리할 수 있어요. 완성보다 흐름을 경험하는 게 우선입니다.

AI에게 주는 설계도

PRD = Product Requirements Document = 제품 요구사항 정의서

어렵게 들리지만 쉽게 말하면 "내가 원하는 앱이 이런 앱이야"를 정리한 문서예요.

왜 PRD가 필요한가요?

구분PRD 없이PRD 활용
결과 AI가 '평균적인 앱'을 만듦 내가 원하는 앱이 나옴
내 상황 반영 안 됨 반영됨
수정 여러 번 고쳐야 함 처음부터 방향이 맞음

어떻게 만드나요?

오늘 배울 방법은 "AI와 대화하면서 PRD를 만드는 것"이에요.

처음부터 완벽한 PRD를 쓰려고 하지 마세요. 짧게 시작하고, AI와 티키타카하면서 다듬으면 됩니다.

🎯 PRD 작성 3원칙

1. AI와 대화하면서 만들기 (한 번에 쓰지 않기)
2. AI 제안을 다 받아들이지 않기 (내가 정말 원하는 것만)
3. 짧고 단순하게 시작하기 (완벽함 추구 X)

💡 완벽하게 쓸 필요 없어요

PRD는 앱을 보면서 계속 고쳐나가는 살아있는 문서예요. 틀린 PRD가 아니라 덜 구체적인 PRD일 뿐입니다.

3가지 중 골라보세요

본인 상황에 맞는 주제 하나를 골라 따라해보세요. 강사가 시연하는 주제와 같은 걸로 해도 되고, 다른 걸로 해도 됩니다.

🏃
운동 기록 앱
혼자 헬스장에서 운동하면서 매번 같은 운동만 하게 되거나, 지난번에 뭘 했는지 까먹는 분께 추천
첫 프롬프트 (Chat 탭에 입력)
나는 혼자 헬스장에서 운동하는데, 매번 뭘 했는지 까먹어서 발전이 없어. 간단한 운동 기록 앱을 만들고 싶어. PRD 초안을 만들어줘.
📚
독서 기록 앱
책을 읽긴 읽는데 다 읽으면 까먹어서 아쉬운 분, 나만의 서재를 갖고 싶은 분께 추천
첫 프롬프트 (Chat 탭에 입력)
책을 좋아해서 한 달에 2~3권 정도 읽는데, 다 읽고 나면 무슨 내용이었는지 까먹어. 간단한 독서 기록 앱을 만들고 싶어. PRD 초안을 만들어줘.
🍽️
식단 기록 앱
다이어트 중이거나 건강하게 먹고 싶은데 매번 뭘 먹었는지 까먹는 분께 추천
첫 프롬프트 (Chat 탭에 입력)
요즘 건강을 신경 쓰면서 식단 관리를 하려는데, 매번 뭘 먹었는지 까먹어서 돌아보기가 어려워. 간단한 식단 기록 앱을 만들고 싶어. PRD 초안을 만들어줘.
📌 꼭 이 주제로 해야 하나요?

아니에요! 본인이 정말 만들고 싶은 다른 앱이 있다면 그걸로 해도 됩니다. 위 예시는 막막할 때 참고용이에요.

AI와 티키타카로 만들기

PRD는 혼자 머리 굴려서 한 번에 쓰는 게 아니에요. AI와 짧은 대화를 주고받으며 만듭니다.

1단계 — Chat 탭에서 첫 프롬프트 입력

Claude 데스크탑 → Chat 탭 열기. 위 시범 앱 프롬프트 중 하나를 복사하거나, 본인 상황을 짧게 적어 시작하세요. 핵심은 마지막에 "PRD 초안을 만들어줘"라고 요청하는 것입니다. 그러면 AI가 PRD 형태로 답을 주고, 그걸 보면서 티키타카할 수 있어요.

2단계 — AI 답변 보면서 티키타카

AI가 제안하는 내용을 보고 대화를 이어가세요.

  • "이 기능은 필요 없어, 빼줘"
  • "이런 기능을 추가하고 싶어"
  • "내가 자주 쓰는 운동 종류는 OO, OO, OO야"
  • "기록은 모바일에서 빠르게 하고 싶어"

내 상황과 취향을 계속 알려주면서 PRD가 점점 구체화됩니다.

3단계 — 부족한 부분 검토 요청

AI와 3~5번 정도 대화를 주고받았다면, 이제 검토 타이밍이에요.

검토 요청 프롬프트
지금까지 만든 PRD에서 만약 빠진 핵심 부분이 있다면 최대 3가지만 알려줘. 중요하지 않은 건 굳이 말하지 마.

4단계 — 좋은 아이디어는 반영, 나머지는 패스

AI가 제안한 것 중 마음에 드는 것만 골라서 반영하세요.

선택적 반영 프롬프트
○○ 부분은 좋은 아이디어네. PRD에 반영해줘. 나머지는 일단 빼고 가자.

⚠️ AI가 제안한 걸 다 받아들이지 마세요! 다 반영하면 PRD가 비대해지고 핵심이 흐려져요. 내가 정말 원하는 것만 골라야 앱이 나다워집니다.

prd.md 파일 만들기

PRD가 어느 정도 완성되면 파일로 추출합니다. Claude Code에서 이 파일을 읽고 개발할 거예요.

1️⃣ AI에게 파일로 만들어달라고 요청

Chat 탭에서 아래 프롬프트를 입력하세요.

파일 추출 프롬프트
위 내용을 prd.md 파일로 만들어줘. 만들 때는 개발 단계를 세분화해서 만들어줘.

2️⃣ 파일 다운로드

AI가 정리된 PRD를 파일로 만들어줍니다. 다운로드 버튼을 눌러 파일을 받으세요.

3️⃣ 바탕화면에 폴더 만들고 저장

바탕화면에 새 폴더를 만드세요. 폴더 이름은 자유롭게 (예: my-app). 다운로드한 prd.md 파일을 그 폴더로 옮깁니다.

💡 왜 폴더가 필요해요?

Claude Code는 폴더 단위로 작업합니다. 앱과 관련된 모든 파일이 그 폴더 안에 만들어져요.

PRD로 앱 만들기

1단계 — Code 탭 열고 폴더 선택

Claude 데스크탑 → Code 탭으로 이동. 방금 만든 바탕화면 폴더(prd.md가 들어있는)를 선택하세요.

2단계 — PRD 잘 읽었는지 확인

먼저 PRD를 제대로 읽었는지 확인합니다.

확인 프롬프트
이 폴더의 prd.md를 읽고, 내용을 간단하게 정리해줘

AI가 PRD 내용을 요약해주면 → 잘 읽은 거예요! 엉뚱한 내용이 나오면 폴더 선택이 잘못된 거니 다시 선택해주세요.

3단계 — Phase별로 단계 개발

PRD를 잘 읽었으면 개발을 요청하세요. 한꺼번에 만들지 말고 단계별로 진행합니다.

개발 시작 프롬프트
이 PRD를 기반으로 앱을 만들어줘. Phase 0부터 단계별로 진행하자. 먼저 Phase 0이 뭔지 알려주고, 진행해줘.

📊 단계별 진행 가이드

일반적으로 이런 흐름으로 진행됩니다.

PHASE 0
프로젝트 셋업
기본 폴더 구조와 환경 설정. AI가 알아서 해줍니다.
PHASE 1
핵심 기능 구현
데이터 입력/저장 등 가장 중요한 기능부터 만들기. 아직 UI는 단순합니다.
PHASE 2 ⭐ 오늘 목표
기본 UI 완성
버튼, 입력창, 목록 등 기본적인 화면이 보이기 시작합니다. 여기까지가 오늘 목표!
PHASE 3 ⭐ 오늘 목표
스타일링 & 사용성
색상, 레이아웃, 사용 편의성 개선. 어느 정도 "앱" 같이 보이게 됩니다.
PHASE 4+
추가 기능 & 다듬기 (과제)
남은 기능 추가, 디자인 다듬기. 수업 후 과제로 마무리하세요!
🎯 오늘의 최소 목표

Phase 2~3까지 가서 UI가 어느 정도 보이는 단계가 오늘의 목표입니다. Phase 4 이후는 과제로 자유롭게 마무리하세요.

🔄 Iteration (만들면서 수정)

각 Phase가 끝날 때마다 한 번 써보세요. 불편한 점이 있으면 PRD를 수정하고 다시 요청합니다.

PRD 수정 후 재개발 프롬프트
prd.md를 수정했어. 다시 읽고 변경된 부분을 앱에 반영해줘

⚠️ 중간에 멈추면 "계속해줘" 또는 "이어서 완성해줘"라고 입력하면 이어집니다. 권한 허용 창이 뜨면 "항상 허용"을 선택하세요.

실수 줄이는 팁

❌ PRD 작성할 때 이렇게 하지 마세요

"운동 앱 만들어줘" → AI가 '평균적인 앱'을 만들어요

✅ 이렇게 해보세요

"나는 혼자 헬스장에서 주 3회 운동하는데, 매번 뭘 했는지 까먹어서 발전이 없어. 간단히 기록하고 주간 단위로 보고 싶어." → 내 앱이 나와요

🔄 에러가 났을 때

당황하지 마세요! 에러 메시지를 그대로 복사해서 AI에게 보내면 됩니다.

이런 에러가 났어. 고쳐줘. [에러 메시지 붙여넣기]

🤔 뭘 만들지 모르겠을 때

AI에게 물어보세요!

내가 [이런 상황]인데, 어떤 앱이 도움이 될까? 아이디어 3가지 줘

💬 AI가 너무 많은 걸 제안할 때

다 받아들이지 말고 골라서 받으세요.

○○과 △△는 좋네, PRD에 반영해줘. 나머지는 일단 빼고 가자

수업 중 문제가 생기면

Claude 로그인이 안 돼요
운영팀에 알려주세요. 별도로 도와드립니다.
Chat 탭과 Code 탭이 헷갈려요
PRD 만들 때는 Chat 탭, 앱 만들 때는 Code 탭. PRD 작성과 앱 개발은 다른 작업이에요.
Code 탭에서 폴더가 안 보여요
바탕화면에 폴더를 먼저 만들었는지 확인 → Code 탭에서 다시 폴더 선택. 폴더 안에 prd.md 파일이 있는지도 확인해주세요.
prd.md 파일을 못 찾겠어요
다운로드 폴더에 있을 거예요. 못 찾으면 Chat에서 "prd.md를 다시 만들어줘"라고 요청하세요.
허용/권한 창이 계속 떠요
"항상 허용" 선택. 같은 종류 작업은 이후 안 물어봐요.
앱이 만들어지다 중간에 멈춰요
채팅창에 "계속해줘" 또는 "이어서 완성해줘" 입력.
만들어진 앱이 열리지 않아요
Code 탭 내 미리보기 버튼 클릭. 또는 로컬 서버 주소(localhost:XXXX)를 브라우저에서 열기.
Phase가 너무 천천히 진행돼요
정상이에요! 각 Phase는 5~10분씩 걸려요. 기다리는 동안 다음 단계에서 추가하고 싶은 기능을 PRD에 미리 적어두세요.

오늘의 과제 & 복습

📝 이번 주 과제 (2가지)

1. 오늘 만든 앱 마무리하기
Phase 4 이후 남은 기능을 추가해서 앱을 완성해보세요.

2. 다음 주 아이디어 3개 적어오기
다음 주(3주차)에 본격적으로 만들 앱 아이디어를 3개 생각해오세요. 한 줄 설명만 있어도 OK!

💡 아이디어 찾는 팁

"내 일상에서 귀찮거나 불편한 것"이 가장 좋은 앱 아이디어예요. 아무리 작은 것도 괜찮아요!

오늘 배운 것 체크리스트

더 해보고 싶다면

🔥 도전 프롬프트 — 앱 마무리
오늘 만든 앱에서 [추가하고 싶은 기능]을 넣고 싶어. PRD를 업데이트하고 앱에 반영해줘
🔥 도전 프롬프트 — 다른 아이디어로 PRD
나는 [이런 상황]에서 [이런 문제]가 있어. 이걸 해결하는 앱 PRD를 같이 만들어보자

⭐ 2주차 강의 평가

오늘 수업은 어떠셨나요? 솔직한 피드백이 다음 수업을 더 좋게 만듭니다.
1분이면 충분해요!

강의 평가하러 가기 →

자주 묻는 질문

Chat 탭과 Code 탭은 뭐가 달라요?
Chat 탭은 AI와 대화하는 공간(PRD 만들기), Code 탭은 실제로 코드를 만드는 공간(앱 개발)이에요. 오늘 수업에서는 Chat에서 PRD를 만들고 → Code에서 개발하는 흐름을 익힙니다.
PRD가 틀리면 앱이 망가지나요?
아니요. PRD는 고칠수록 앱이 나아집니다. 틀린 PRD가 아니라 덜 구체적인 PRD일 뿐이에요. 앱을 보면서 PRD를 계속 발전시키는 게 정상적인 과정이에요.
왜 PRD를 파일로 만들어야 해요?
Code 탭에서 AI가 파일을 읽고 작업하는 게 가장 정확합니다. 채팅창에 길게 붙여넣는 것보다 파일로 두면 나중에 수정하기도 편하고, 다음 수업까지 가져갈 수 있어요.
Phase 2까지 못 가면 어떻게 해요?
전혀 괜찮아요! 본인의 페이스대로 가면 됩니다. 못 한 부분은 과제로 천천히 마무리하세요. 다음 주에 새 앱을 시작하니까 오늘은 흐름 경험에 집중하세요.
코드를 몰라도 정말 됩니까?
네. AI가 코드를 만듭니다. 여러분은 "무엇을 만들지"만 생각하면 됩니다.
팀으로 할 수 있나요?
개인 단위가 기본이지만 희망자는 팀으로 가능합니다. 서로 테스트하고 피드백하면 결과가 훨씬 좋아져요.
수업 외 시간에도 연습할 수 있나요?
물론이요! 제공된 Claude Pro 계정으로 언제든 연습할 수 있습니다. 아이디어가 생길 때마다 PRD를 써보고 앱을 만들어보세요. 많이 해볼수록 늘어요.
다음 시간에는 뭘 하나요?
3주차(6/13 토)에는 본격적으로 나만의 앱을 만들기 시작합니다. VS Code와 GitHub Desktop을 설치하고, 오늘 가져온 아이디어 중 하나를 골라 제대로 된 기획서를 써봅니다.