오프라인강의

[챌린지] 인프런 혼자 공부하는 바이브 코딩(2주차)

AI강선생 2026. 1. 12. 14:06

도서 내 중요부분 정리

 

P62

개발자들은 코딩에 앞서 PRD라는 제품 기획서를 작성합니다.주목할 점은 바이브 코딩에 있어서 제품 기획서가 매우 효과적인 프롬프트로 기능한다는 것입니다. 좋은 프롬프트는 해야 할 일을 명확히 제시하고 맥락을 제공하며, 구체적인 요구사항을 담아야 합니다. 마찬가지로 기획서는 무엇을 만들지, 왜 필요한지, 어떻게 작동해야 하는지를 체계적으로 정리하는 문서이므로, 본질적인 목적이 같습니다.

PRD : 1)무엇을 만들지 명확히 정의, 2)프로젝트 목적과 배경 제시, 3)요구사항, 구현방법 구체화

좋은 프롬프트 : 해야 할 일을 구체적으로 지시, 왜 필요한지, 어떤 상황인지 설명, 필요한 기능과 조건 세부 명시

 

기획의 핵심요소

5W1H

Why, Who, What, When, Where, How 

지금부터 다룰 대상은 프로그램, 웹페이지, 애플리케이션 등의 소프트웨어이므로 기능과 요구사항을 명세화하는 PRD의 구조를 따를 것이 가장 적합합니다. 이 점을 고려하면, 5W1H중에서도 특히 What과 How가 더욱 강조되어야 함을 알 수 있습니다. 

 

P68

4단계 포트폴리오 전략

한번에 완성된 결과를 기대하기보다 요청 -> 생성 -> 확인 -> 수정의 과정을 반복하는 것이 효과적임

 

1단계 뼈대

# 프롬프트1
이 PRD대로 진행할 거야. 먼저 PRD를 기반으로 HTML문서를 작성해줘.
섹션을 나누고, 수정을 대비해 각 섹션에 고유한 이름을 붙여 줘.
아직 기능은 구현하지 말고, 전체 구조만 보여 줘.

#프롬프트2
performance-metric 섹션의 [프로젝트 수] 항목은 지난 3년 간의 성과를 구체적으로 나열한 리스트로 수정해 줘.

#프롬프트3
HTML문서에 모던하고 세련된 디자인을 적용해 줘.

#프롬프트4
case-studies 섹션에 있는 [Before/After 지표]를 hero-instruction 섹션으로옮기고 차트로 표현해줘.

 

2단계 기능

# 프롬프트1
나의 경력 포트폴리오는 다음과 같아. 섹션별로 다음 내용을 참고해서 업데이트해 줘.

나는 3년차, 퍼포먼스/콘텐츠 마케팅 전문가야.
- 핵심 성과: ROSA 200%, 25개 캠패인, 연 8억 매출 기여한 거고,
- 3년간 포지션 변화: 주니어(2023)-> 퍼포먼스 마케터(2024) -> 매니저+자문(2025)
- 스킬 레벨: 퍼포먼스 마케팅: 75%, 컨텐츠 마케팅: 70%, 데이터분석(GA4): 65%

다음은 나의 대표 케잇 스터디 이력이야.
- 이커머스: 월 광고비 1천만원, ROAS 200%
- 스타트업: 인스타 팔로워 2천-> 8천(6개월) 증가
- 로컬 브랜드: 블로그 방문자 500 ->3천(4개월) 증가

 

3단계: 디자인

더 좋은 다자인을 위해 AI에게 레퍼런스를 제공하는 것이 중요함

워드프레스 테마 주에서 이 포트폴리오와 가장 잘 어울리는 것을 하나 선택해서 디자인을 수정해줘. 
센션별로 색상 톤을 달리 해서 구분이 잘 되게 해 줘.

 

4단계: 점검

# 프롬프트1
포트폴리오 웹페이지의 모든 부분이 잘 만들어졌는지 검토해 줘. 
PRD대로 제작되었는지, 각 링크가 문제없이 작동하는지 확인해.

# 프롬프트
발견된 개선점 3가지를 보완 및 수정하고, 완벽한 프리랜서 잔환용 포트폴리오를 완성해.

 

 

미션

 

p66 연습문제

문제1. 3창의성

문제2. 5wh1

문제3. what, how

문제4. 2, 프롬프트가 구체적이다.

 

P80~81

문제1. 3

문제2. 2

문제3. 4