Claude Code로 랜딩 페이지 자동화하기
중급45분2026-06-24
업데이트 상태, 챗봇 테스트 결과, 응답 확인 내용을 바탕으로 운영팀이 공유할 안내 페이지를 HTML/CSS/JS로 생성하고 문구를 다듬습니다. 완성된 결과물은 Vercel에 배포 가능한 랜딩 페이지 프로젝트와 실제 접속 가능한 Vercel 배포본입니다.
이 실습은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- 업데이트 상태 정보를 웹페이지 구성으로 바꿀 수 있습니다
- Higgsfield CLI로 랜딩 페이지 초안을 생성할 수 있습니다
- Claude Code로 문구와 구조를 운영 업무에 맞게 조정할 수 있습니다
- Vercel에 정적 웹사이트를 배포할 수 있습니다
어떻게 진행해요
1. 환경 확인하기
2. 페이지 주제 정하기
3. 초안 생성하기
4. 운영 문구로 다듬기
5. 페이지 품질 검사하기
6. 배포 계정 연결하기
7. 웹사이트 배포하기
AI 튜터가 각 단계를 하나씩 안내해줄 거예요