LESSON 02

나를 소개하는 첫 홈페이지 만들기

영상 1:52~3:34 · 소개 문장 입력과 첫 결과

오늘의 목표

내 소개·링크·대표 영상·책 같은 재료를 한 번에 적어 첫 홈페이지를 아티팩트로 만들고, 오른쪽 미리보기로 확인합니다.

예상 소요 시간 약 30분

출처: 누나IT 채널. 이 강은 누나IT 님의 영상을 보며 따라 하는 강의예요. 영상 속 화면 조작을 글로 다시 정리했고, 영상의 말을 그대로 옮기지 않아요. 아래 구간을 꼭 직접 보세요.

이 강에서 보는 영상 구간

영상 1:52~3:34를 봐요. 영상 제작자는 자기를 소개하는 사이트를 만들어 달라고 짧게 입력하고, 중간에 나오는 안내 선택지를 고르거나 건너뛰는 모습을 보여 줘요.

출처: 누나IT 채널 「클로드로 홈페이지 만들기 코딩 없이 깃허브 배포까지」 · 구간 1:52~3:34 · 유튜브에서 보기. 영상이 안 나오면 이 링크로 열어요.

영상이 보여 주는 흐름

  1. 간단한 문장으로 "누구이고 무슨 사이트가 필요한지" 말해요.
  2. 클로드가 어떤 방향으로 만들지 묻는 안내를 보여 줘요. 마음에 드는 게 있으면 고르고, 없으면 건너뛰기를 눌러도 된다고 해요.
  3. 클로드가 기획안(어떤 내용을 넣을지 정리한 틀)을 만들어 줘요. 내 정보가 없는 첫 사용자는 맞지 않는 내용이 섞일 수 있고, 마음에 안 들면 내가 직접 써서 넣으면 된다고 해요.
  4. 영상에서 입력한 재료는 이런 종류예요. 홈페이지 이름, 한 줄 소개 문구, 유튜브·SNS 주소, 소개할 항목 세 가지, 대표 영상 링크, 최근 낸 책, 강의 문의 연락처. 없는 항목은 지우면 돼요.
  5. 전송하면 오른쪽 창에 홈페이지가 만들어져요. 만드는 동안 바뀌는 모습을 바로 볼 수 있는 것이 아티팩트의 특징이라고 해요.

내 걸로 바꿔 입력하기

영상을 그대로 베끼지 말고, 내 재료를 이 틀에 채워서 입력해요. 클로드 채팅에 이렇게 써 보세요.

#1 프롬프트 2-1🟢 초급

나는 (직업이나 하는 일)이야. 나를 소개하는 한 페이지 웹사이트를 만들어 줘. 홈페이지 이름은 (이름), 한 줄 소개는 (문구)야. 소개할 것은 (항목 1, 2, 3)이고, 연락은 (공개해도 되는 연락처)로 받고 싶어. 없는 내용은 지어내지 말고 비워 두거나 "준비 중"이라고 써 줘.

마지막 문장이 중요해요. 클로드가 모르는 사실(수상 경력, 숫자 등)을 그럴듯하게 지어낼 수 있어서, 결과에서 사실이 맞는지 내 눈으로 읽어 확인해요.

🧪 실습

  • 영상 1:52~3:34를 보고, 안내 선택지가 나오면 고르거나 건너뛰었다
  • 프롬프트 2-1의 괄호를 내 정보로 채워 전송했다
  • 오른쪽 창에 내 홈페이지가 보인다
  • 클로드가 지어낸 사실이 없는지, 연락처가 내가 공개해도 되는 것인지 읽어 확인했다

다음 강의

3강에서 디자인 스타일을 바꾸고 사진을 넣어 봐요.