기획자를 위한 4시간만에 제품 랜딩페이지 만들기
초급40분2026-04-14
AI에게 제품 설명과 요구사항을 프롬프트로 전달하여 웹페이지의 구조와 디자인 코드를 생성하고 수정합니다. 최종적으로 Vercel을 통해 전 세계 어디서든 접속 가능한 실제 인터넷 주소(URL)를 가진 반응형 제품 소개 페이지를 완성합니다.
이 실습은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- AI 프롬프트로 웹페이지의 구조와 디자인 초안을 만들 수 있습니다.
- AI와 대화하여 웹페이지의 문구와 이미지를 실시간으로 수정할 수 있습니다.
- 완성된 웹페이지를 실제 인터넷 주소로 배포하여 다른 사람에게 공유할 수 있습니다.
어떻게 진행해요
1. 랜딩페이지 프로젝트 폴더 준비하기
2. AI에게 랜딩페이지 초안 만들어달라고 요청하기
3. AI가 만든 페이지 확인하고 문구 수정하기
4. 웹페이지를 인터넷에 올릴 준비하기
5. 만든 웹페이지를 실제 인터넷 주소로 배포하기
6. 배포된 랜딩페이지 주소 확인하기
AI 튜터가 각 단계를 하나씩 안내해줄 거예요