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

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

이번 주는 지난주 1주차와 범위가 동일해서 복습하고, 과제들만 아래에 작성했습니다.

🚶기본 미션 (필수 사항)

PROJECT 2. 마케팅 포트폴리오 웹페이지 만들고 캡처하기

1주차에 수업과 동일한 것이라서 그대로 캡쳐한거 동일하게 첨부 합니다.

p.66, p80~81 확인 문제 풀고 인증하기

1. 다음 중 좋은 프롬프트의 조건이 아닌 것을 고르세요.

① 명확성: 원하는 결과를 구체적으로 전달한다.

② 구체성: 필요한 기능이나 조건을 세부적으로 지시한다.

③ 창의성: 결과물이 놀라움을 주도록 요구한다.

④ 맥락 제공: 왜 필요한지, 어떤 상황에서 활용되는지 알려 준다.

2. 다음 빈칸을 채우세요.

3. 소프트웨어 개발을 위한 PRD에서 특히 강조되어야 하는 두 가지 질문은 무엇인가요?

① Why(왜), Who(누구)

② What(무엇을), How(어떻게)

③ When(언제), Where(어디서)

④ Who(누가), Where(어디서)

4. 아래 두 프롬프트 중 더 좋은 것은 어느 것인가요? 그 이유는 무엇인가요?

① “멋진 나만의 홈페이지를 만들어 줘.”

② “오늘의 날씨와 주요 뉴스를 보여 주는 나만의 시각 홈페이지를 만들고 싶어.”

AI가 이해할수 있도록 구체적이고 명확하게 작성을 한글이라서.

1. 포트 폴리오 웹 사이트를 만들 때 사용한 4단계 전략의 올바른 순서는 무엇인가요?

① 디자인 입히기 → 기본 틀 잡기 → 핵심 기능 넣기 → 완성도 점검

② 기본 틀 잡기 → 디자인 입히기 → 핵심 기능 넣기 → 완성도 점검

③ 기본 틀 잡기 → 핵심 기능 넣기 → 디자인 입히기 → 완성도 점검

④ 핵심 기능 넣기 → 기본 틀 잡기 → 완성도 점검 → 디자인 입히기

2. 다음 중 효과적인 프롬프트 작성 방법으로 옳지 않은 것은 무엇인가요?

① 5W1H 템플릿을 활용하여 체계적으로 질문한다.

② 모든 기능을 한 번에 요청하는 시간을 절약한다.

③ 각 섹션에 ID를 부여하여 개별 수정이 가능하도록 한다.

④ 워드프레스 테마 같은 구체적인 레퍼런스를 제공한다.

3. 섹션에 고유한 이름을 붙이면 생기는 장점은 아닌 것은 무엇인가요?

① 원하는 부분만 정확히 수정할 수 있다.

②전체 코드를 다시 생성하지 않아도 된다.

③ AI가 수정할 위치를 명확히 이해할 수 있다.

④ 자동으로 디자인이 개선된다.

🏃추가 미션 (선택사항)

AI에게 디자인 수정 요청 1회이상 캡처하기

프롬프트:

“기존에 작성한 포트폴리오 코드에 ‘다크 모드 테마(Deep Blue)’를 즉시 적용해주고, 핵심 성과 수치들만 황금색(Gold) 굵은 글씨로 강조해서 다시 출력해줘.

다른 설명은 생략하고 코드 위주로 보여줘.”

내가 이해한 웹페이지 구조를 한 문단으로 정리하기

이 페이지는 스티키 네비게이션을 통해 섹션 이동이 자유롭고, 애니메이션 스킬 바와 카드형 성과 지표로 전문성을 시각화했으며, 하단의 문의 폼과 핵심 역량을 보여주는 플로팅 버튼으로 방문자의 컨택을 유도하는 다크 모드 기반의 포트폴리오 구조입니다.