동네 도자기 공방의 홈페이지 만들기

STEP 01 · 20분

ChatGPT로 기획하기

토요일 오후에 초보 성인을 대상으로 90분 동안 컵을 만듭니다. 재료와 도구를 제공하고, 몸체 빚기와 손잡이 붙이기, 표면 다듬기를 합니다. 가능 일정과 작품 수령 방법은 문의 후 안내합니다.

ChatGPT에 이렇게 요청합니다

이 메모로 공방 홈페이지 첫 화면을 기획해 줘.
처음 방문한 사람이 누구를 위한 체험인지, 무엇을 만드는지 알 수 있게 제목 한 줄과 소개 두 문장을 써 줘.
90분이라는 정보는 첫 화면에, 체험 순서 세 가지와 문의할 때 필요한 정보는 그 아래에 배치해 줘. 가격과 주소는 확인된 정보가 없으니 비워 둬.

기획 결과 소개 → 체험 안내 → 문의 전 확인 순서와 각 영역에 들어갈 문구를 정합니다.

STEP 02 · 65분

Codex로 페이지 만들기

정리한 기획과 문구를 Codex에 전달하고, 만들어진 페이지를 열어 첫 화면을 확인합니다.

Codex에 이렇게 요청합니다

이 기획안으로 index.html과 styles.css를 만들어 줘.
첫 화면의 소개 옆에 작업 사진을 넣어 줘. 좁은 화면에서는 사진을 소개 아래에 보여 줘.
체험 순서 세 가지를 배치하고, ‘체험 안내’ 메뉴는 그 영역으로, 첫 화면 버튼은 문의 안내로 이동하게 연결해 줘.

제작 결과 문구와 카드가 배치되고 메뉴를 눌러 이동할 수 있는 첫 화면 초안을 만듭니다.