『혼자 공부하는 바이브 코딩 with 클로드 코드』- 2주차 미션

https://www.inflearn.com/challenge/6-week-course-self-s/dashboard?cid=342648

[지금 무료][6주 과정] 『혼자 공부하는 바이브 코딩 with 클로드 코드』 완독 챌린지 2기 챌린지 |

---

1주차와 2주차 내용이 겹치는 줄 모르고 1주차 글에 2주차 내용까지 같이 포함시켜버렸다..ㅋㅋ

우선 2주차 미션의 핵심 <PROJECT 2. 마케팅 포트폴리오 웹페이지 만들고 캡처하기(Ch02 02-2)>이다.

 

 

미션1

내가 작성한 프롬프트를 순차적으로 올려보겠다.

 

-> 포트폴리오 웹페이지를 만들려고 해. 주요 기능은 채용 담당자가 30초-1분 이내로 내 역량과 잠재력을 파악할 수 있도록 하는 임팩트 있는 구성이야. (이 말인 즉슨 불필요한 어구는 제거하고 핵심 내용만 콕콕 정리해야한다는 소리이겠지?) 비전공자이지만, 스타트업에 입사해 궁극적으로는 개발자이자 마케터 역할을 수행하고 궁극적으로는 1인 AI기업을 설립하고자 하는, 경쟁력 있는 지원자로 보이기 위해 필요해. 어떻게 구현하면 좋을지 기술적인 방향과 함께 구체적인 PRD를 작성해 줘.

 

여기서 잠깐! 좋은 프롬프트를 위한 baseline 템플릿에 담겨야 할 것 : 무엇, 구체적인 기능 설명, 누구, 왜/어떤 문제를 해결, 구현 방안

 

 

추가 정보 입력

 

아래는 클로드가 생성한 1차 초안 포트폴리오

portfolio_prd.docx

0.01MB

 

 

 

효과적인 마케팅 포트폴리오를 구성하기 위해서 핵심은 바로 "단계별" "순차적"으로 진행이다

한번에 모든 고려사항들을 코드로 변환할 시에는 복잡한 코드가 생길 가능성이 농후하며, 여러 스텝에 걸쳐 요청하고 생성하고 확인 및 검토하며 다시 수정하는 일련의 과정을 거쳐야지 더 완성도 높은 포트폴리오를 만들 수 있다는 것을 유념해야한다.

 

 

여기서 4단계 포트폴리오 전략은 뼈대-> 기능-> 디자인-> 점검 순이다

 

1단> 뼈대

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

 

[수정] 프로젝트 카드 수가 너무 적어 보여 한 4개 정도 있어야 할 것 같아

 

 

2단계> 기능

-> 나의 경력 포트폴리오는 아래와 같아. 섹션별로 다음 내용을 참고해서 업데이트 해줘. 나는 현재 학부 졸업을 한 상태야. 인턴 경력은 없지만, 여러 해커톤 대회나 공모전에 참여하고 동아리활동도 활발히 참여하며 사이드프로젝트도 여럿 있어. 핵심 성과: 데이콘 대회 10등, 공공데이터 공모전 우수상 경험, 학사학위이지만 주요 paper 저자 전공: 통계학과 스킬레벨: 파이썬, R, 자바 다음은 내가 스스로 마케팅을 해본 경험이야. 인스타그램: 10명-->팔로워 만 명 달성, 릴스 조회수 100만 달성, 유튜브 구독자 1개월만에 3천명 급증

 

 

3단계> 디자인

 

 

4단계> 점검

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

 

수정

---

 

미션2

2-1절

1. 3번 창의성

2. 5W1H

3. 2번, What, How

4. 2번, "멋진"이라는 추상적인 표현을 구체적인 요구사항으로 바꿔야 함

 

2-2절

1. 3번 기본 틀 잡기-> 핵심 기능 넣기-> 디자인 입히기-> 완성도 점검

2. 2번 모든 기능을 한번에 하는 것이 아니라 단계적으로 수행

3. 4번, 자동으로 디자인이 개선