바이브 코딩으로 웹사이트 제작

Vibe Coding · No. 01

바이브 코딩으로 웹사이트 제작

₩ 29,900₩ 59,900

바이브 코딩을 배우는 전자책이 아닙니다. 내 웹사이트 하나를 실제로 완성하는 가이드입니다. 코딩을 공부할 필요도, 프롬프트를 처음부터 고민할 필요도 없습니다. 표시된 칸만 내 브랜드로 바꿔 복사하면 됩니다. 기획부터 디자인, 제작, 수정, 배포까지 책의 순서를 따라가며 필요한 프롬프트를 그대로 사용하세요. 목표는 공부가 아니라, 하루 안에 내 웹사이트 하나를 인터넷에 올리는 것입니다.

  • —PDF · 58페이지
  • —바로 복사해 쓰는 프롬프트 14개
  • —사이트 유형별 PRD 템플릿 3종 (브랜드 · 포트폴리오 · 랜딩)
  • —Claude Code · Codex 모두 사용 가능
  • —2026년 10월 배포 방식 기준

단체 구매 및 문의 · nnn5714@gmail.com

Not this

검색하면 나오는 내용은 뺐습니다

  • —바이브 코딩이 무엇인지, 설치는 어떻게 하는지는 무료 「Claude Code 시작하기」에 따로 담았습니다
  • —이 책은 그다음, ‘그래서 이걸로 내 사이트를 어떻게 완성하지?’에서 시작합니다
  • —영상 여러 개를 오가며 순서를 맞출 필요 없이, 한 권을 순서대로 따라가면 됩니다

For

이런 분께 필요합니다

  • —AI로 사이트를 만들어 봤는데, 어디서 본 듯한 결과가 나온 분
  • —브랜드나 작업을 보여 줄 사이트가 필요한데, 외주는 부담스러운 분
  • —“예쁘게 해줘”를 몇 번이고 반복하다 지친 분
  • —고칠수록 디자인이 흐트러져서 처음부터 다시 만든 적이 있는 분

You get

이 책을 마치면

  • —내 브랜드의 기획 문서(PRD)와 디자인 기준(DESIGN.md)이 생깁니다
  • —메인 홈과 상세페이지가 있는 브랜드 사이트를 만듭니다
  • —디자인을 지키면서 고치고, 누구나 여는 내 주소로 공개합니다

Why this book

이 책이 다른 점

  • —개발자가 아닌 브랜드 디자이너의 기준 — 기능보다 ‘브랜드다워 보이는가’를 먼저 봅니다
  • —레퍼런스에서 기준을 뽑고 지시하는 방법

Inside

바로 쓰는 자료

  • —복사해 쓰는 프롬프트 14개 — PRD 요청부터 섹션 빌드, 되돌리기, GitHub 올리기까지
  • —실제 PRD.md · DESIGN.md 요약본
  • —CLAUDE.md 규칙 문서와 수정 요청 한 줄
  • —막혔을 때 꺼내 쓰는 요청 모음
  • —사이트 유형별 PRD 템플릿 3종과 공개 전 체크리스트

Contents

목차

  • —01 왜 AI 사이트는 다 비슷할까
  • —02 PRD, 작업 지시서 쓰기
  • —03 DESIGN.md, 디자인 기준 정하기
  • —04 메인 홈 만들기
  • —05 상세페이지 만들기
  • —06 디자인 유지하며 고치기
  • —07 배포하기
  • —08 막혔을 때
  • —부록 사이트 유형별 PRD — 브랜드 · 포트폴리오 · 랜딩