Comming Soon

바이브 코딩 항해일지 [AI와 함께 완성하는 30일간의 코딩 프로젝트]

  • 지은이동준상
  • ISBN : 9791161759432
  • 28,000원
  • 2026년 04월 29일 펴냄
  • 페이퍼백 | 404쪽 | 188*235mm
  • 시리즈 : 프로그래밍 언어

책 소개

깃허브, 유튜브 채널 및 독자 지원 웹페이지

깃허브 소스 코드 링크 https://github.com/junsang-dong

유튜브 채널: 테크항해일지 https://www.youtube.com/@jay.techlog

독자 지원 웹페이지: 바이브코딩 항해일지 | 깃허브 소스코드 및 완성 앱 링크 모음 https://nextplatform.net/vcl-vibe-coding-log-github-code-collection

책 소개

타이핑을 멈추고 AI를 지휘하라!
기획부터 수익화까지 내 손으로 런칭하는 30개의 바이브 코딩 프로젝트

이 책은 복잡한 프로그래밍 문법을 암기하는 대신, 자연어로 AI에게 의도를 지시하고 결과물을 조율하는 새로운 개발 패러다임인 '바이브 코딩(Vibe Coding)'을 마스터하기 위한 실습형 지침서다.

GPT로 기획하고, 커서(Cursor)로 코드를 생성하며, 깃허브(GitHub)로 자동 배포하는 최적의 파이프라인을 바탕으로 나만의 랜딩 페이지부터 AI 번역기, 딥러닝 주식 예측 모델까지 30개의 실전 프로젝트를 직접 완성해 나간다.

코딩이라는 기술 장벽에 부딪혀 아이디어를 포기했던 비전공자와 기획자는 물론, MVP를 빠르게 런칭해 수익화하려는 1인 메이커와 업무 생산성을 극대화하고 싶은 개발자 모두에게 완벽한 나침반이 돼 준다.

이제 코드를 '타이핑'하는 수동적인 작업에서 벗어나, AI라는 일등 항해사를 곁에 두고 나만의 서비스를 세상에 선보이는 소프트웨어 '디렉터'로 거듭나보자.

내용 소개

1. 타이핑 대신 프롬프트로, 바이브 코딩 첫 항해 시작하기

복잡한 문법이나 프레임워크를 달달 외울 필요는 없다. GPT로 아이디어를 기획하고, 커서로 코드를 뽑아내며, 깃허브로 배포하는 가장 효율적인 파이프라인을 그대로 따라가기만 하면 된다. 나만의 랜딩 페이지나 할 일 메모 앱을 가볍게 뚝딱 만들어보며, AI와 대화하듯 코딩하는 특유의 리듬감을 자연스럽게 몸에 익힌다.

2. 단순한 웹앱을 넘어, 머신러닝과 자동화 서비스까지

기본기를 다졌다면 이제 한 차원 높은 수준의 서비스에 도전할 차례다. 외부 API를 연결한 유튜브 대본 생성기부터 딥러닝 기반의 주식 예측 모델, AI 면접 시뮬레이터까지 다채로운 실전 프로젝트를 도장 깨기 하듯 완성해 나간다. 일일이 코드를 치는 수동적인 역할에서 벗어나, 시스템의 큰 그림을 조율하는 디렉터의 시야를 갖추게 된다.

3. 내 아이디어가 수익이 되는 글로벌 런칭 로드맵

기껏 만든 멋진 결과물을 내 PC 안에만 묵혀둘 수는 없다. 완성된 앱을 프로덕트 헌트(Product Hunt) 같은 실제 글로벌 시장에 배포하는 자동화 파이프라인을 구축해 본다. 나아가 1인 개발자(Indie Coder)로서 최소 기능 제품(MVP)을 시장에 검증받고 실제 수익으로까지 연결하는 비즈니스 전략을 통해, 상상력이 경제적 가치로 바뀌는 짜릿함을 맛볼 수 있다.

이 책에서 다루는 내용

◆ 1부. 첫 항해를 위한 준비 (AI 도구와 프론트엔드 기초)

커서, GPT, 깃허브 등 AI 코딩 도구의 활용법을 익힌다.
프롬프트를 통해 HTML, CSS, JavaScript의 기초 구조를 만들며 나만의 랜딩 페이지, 심플 계산기 등을 구현한다.

◆ 2부. 데이터의 바다로 (API 연동 및 데이터 분석)

외부 오픈 API를 호출하고 데이터를 화면에 뿌려주는 방법을 다룬다.
날씨 알림이, 뉴스 카드뷰 요약, 유튜브 트렌드 대시보드 등을 만들며 데이터 중심의 웹앱 빌드 과정을 학습한다.

◆ 3부. 교류의 바람을 타고 (사용자 상호작용 및 챗봇)
단순한 화면을 넘어, 사용자와 상호작용하는 기능을 구현한다.
로그인 및 회원가입 기능(Firebase), AI 번역기(Gemini API), QR 코드 생성기 등 실무에 자주 쓰이는 이벤트 처리 방식을 배운다.

◆ 4부. 자동 항해 모드 (업무 자동화 및 모델 기반 분석)
반복되는 업무를 자동화하고 머신러닝/딥러닝 모델을 연동하는 심화 과정이다.
매출 리포트 자동 생성, AI 면접 연습 시뮬레이터, LSTM 모델 기반 주식 가격 예측 등 고도화된 앱을 구축한다.

◆ 5부. 마침내, 귀항 (제품화 및 배포 자동화)
완성된 프로젝트를 실제 시장에 런칭(배포)하는 마지막 단계다.
깃허브 포트폴리오 생성, 프로덕트 헌트(Product Hunt) 배포 자동화를 실습하며, 부록을 통해 1인 개발자의 소프트웨어 수익화 전략까지 마스터한다.

이 책의 대상 독자

◆ 아이디어를 현실로 만들고 싶은 '기획자 및 비전공자'
◆ 최소 기능 제품(MVP)의 빠른 검증이 필요한 '1인 메이커 및 예비 창업가'
◆ 단순 코더를 넘어 디렉터로 성장하려는 '주니어 개발자'
◆ 눈으로만 보는 트렌드에 지친 'IT 실무자 및 학생'

추천사

나는 현재 정밀 농업 솔루션을 만들고 운영하는 회사에서 개발자와 기획자로 구성된 개발 조직을 이끌고 있다. 작년 연말 이래 클로드 코드(Claude Code), 코덱스(Codex)와 같은 AI 에이전트들이 상당히 좋은 수준의 코드나 기획을 만들어 내는 모습을 보게 되면서 조직 관리자 입장에서 앞으로 조직과 팀원을 어떻게 이끌어야 할지에 대해 깊은 고민을 하고 있다. 나와 비슷한 위치에서 오랫동안 개발을 진행해 온 지인들을 만나서 이야기해 봐도 역시 비슷한 고민을 들을 수 있다.

프로 개발자나 기획자들에게 요즘은 점차 두려움이 깊어지고 있는, 어찌 보면 암울할 수도 있는 시대이지만, 비개발자에게는 오히려 새로운 재미와 기회가 열리는 시대가 될 수 있다고 본다. 특히, 자신에게 도움이 되는 작은 프로그램이나 서비스를 직접 개발하거나, AI와 협력해 현실의 문제를 손쉽게 해결해 나가는 것이 AI의 도움을 받을 수 없었던 과거에 비해 압도적으로 쉬워졌기 때문이다. 말 그대로 거의 클릭 한두 번이면(물론 이는 과장에 가깝다) 누구나 일정 수준 이상의 프로그램을 만들 수 있게 됐다.

과거에도 현실의 문제를 잘 해결해 주는 프로그램이 결국 시장에서 인정을 받고 빠르게 사용자 기반을 확보하고 돈을 벌어들이는 경우가 많았다. 이런 면에서도 전문적 프로그래머보다 최종 사용자 입장에서 평소 느끼던 문제를 잘 정의하고, AI와 협력해 이를 솔루션으로 만들어 낼 수 있으면 경쟁력 있고 쓸모 있는 소프트웨어를 만들 수 있고, 시장에서도 크든 작든 인정받기가 더 쉽다고 본다.

이런 식의 개발에 있어 중요한 것은 AI에 적절한 질문을 던지며, 그 결과를 실제 가치로 연결할 수 있느냐다. 비개발자의 경우 실무 문제는 잘 알고 있어도 프로그램 개발 시 알아야 하는 몇 가지 기초적인 요소를 잘 몰라서 바이브 코딩 결과물이 보안 문제나 비용 문제, 효율 문제 등으로 인해 쓸모 없어지는 경우가 자주 있다. 아직은 바이브 코딩을 할 때 이런 지식이 필요하다.

『바이브 코딩 항해일지』의 가장 큰 강점은 특정 도구의 사용법을 나열하는 데 그치지 않고, ‘바이브 코딩을 잘하는 방법’을 배울 수 있게 설계돼 있다는 점이다. 30개의 프로젝트를 따라가는 동안 독자는 단순히 결과물을 재현하는 것이 아니라, 문제를 정의하고, AI와 협업하며, 결과를 개선하고, 이를 실제 서비스로 연결하는 일련의 흐름을 자연스럽게 익히게 된다.

처음에는 간단한 프로젝트로부터 시작해, 점차 복잡한 프로젝트를 실행하면서 자연스럽게 비개발자들에게 필요한 기초적 개발 지식을 하나씩 익히도록 구성돼 있다는 점이 특히 좋다. 혹시 진행하는 과정에 모르는 단어나 개념이 나오더라도 코덱스나 클로드에게 질문을 던지면서 자연스럽게 그 개념을 익히면 나중에 비슷한 문제에 부딪혔을 때 더 빠르게 AI의 도움을 받아 문제를 해결할 수 있을 것이다.

여기서 다루는 여러 주제는 그 주제 자체로도 재미가 있지만, 나중에 더 큰 프로젝트를 진행할 때 충분히 구성 요소로 활용할 수 있는 내용들로 이뤄져 있다는 점에서도 이 책을 추천할 만하다. 예를 들어, 챗봇 연동, 결제, 시각화, 크롤링, 로그인 등의 다양한 주제를 살펴보게 돼 있는데, 각각의 주제는 향후 쓸모 있는 애플리케이션을 만들 때 꼭 필요한 요소들이기 때문이다.

아무쪼록 이 책을 통해 더 많은 사람이 코딩의 즐거움에 빠지고, 자신만의 아이디어를 현실로 만들어 내는 경험을 하게 되기를 기대한다. 20세기 말의 인터넷 혁명, 21세기 초의 모바일 혁명에 이어 이제 AI 혁명의 시대라 할 만하다. 이 책을 읽은 독자들 중에 이 시대의 흐름에 잘 올라타 크게 성공하는 분들이 많이 나타나길 바란다. - 오현석 ((주)대동애그테크 솔루션개발 본부장)

오늘날의 개발은 더 이상 코드 작성 능력만으로 성패가 갈리지 않는다. 이제 더 중요한 것은 AI와 외부 도구를 어떻게 활용해 더 나은 결과물을 만들어 내는가에 있다. 무엇을 만들지 정하는 기획 능력, 사용자가 왜 이 기능을 필요로 하며 어떤 경험을 하게 될지를 설계하는 UX 관점의 사고, 그리고 다양한 도구와 서비스를 적재적소에 연결해 실제 결과물로 완성하는 활용 역량이 그 어느 때보다 중요해지고 있다. 『바이브 코딩 항해일지』는 바로 이러한 변화된 개발 환경 위에서, AI와 함께 아이디어를 실제 서비스로 구체화해 가는 과정을 30개의 프로젝트를 통해 체계적으로 보여 주는 실습형 안내서다. 기획에서 출발해 데이터와 API 연동, 사용자 상호작용, 자동화, 배포와 확장에 이르기까지 하나의 흐름으로 경험하게 한다는 점에서, 이 책은 입문자에게 매우 실질적인 길잡이가 된다.

이 책의 가장 큰 미덕은 코드를 완벽히 이해한 뒤에야 비로소 시작할 수 있다고 말하지 않는 데 있다. 오히려 완성된 코드 자체보다 반복 가능한 개발의 감각, 다시 말해 문제를 언어로 정의하고 AI와 협업하며 결과를 조율해 가는 리듬을 익히는 데 더 큰 의미를 둔다. 독자는 GPT나 클로드에게 아이디어를 설명하고, 커서에 프롬프트를 입력해 코드를 생성하고, 수정 요청을 거듭하며, 마침내 배포와 확장에 이르는 전 과정을 따라가면서 자신만의 학습 루프를 형성하게 된다. 이 과정에서 중요한 것은 수동적인 따라 하기가 아니라 능동적인 연결이다. 책이 제시하는 프롬프트, 도구, API, 배포의 흐름은 어디까지나 항로를 보여 주는 지도이며, 그 연결 고리를 실제로 묶어 하나의 결과물로 완성하는 일은 결국 독자 자신의 적극적인 태도에 달려 있다.

무엇보다 이 책은 30개의 예제를 모두 빠짐없이 따라 하는 데 의미를 두지 않는다. 오히려 단 하나의 예제라도 자신의 문제의식과 아이디어를 덧붙여, 자신만의 방식으로 변형하고 확장해 보는 경험이 훨씬 더 중요하다는 점을 일깨운다. 바이브 코딩의 핵심은 예제를 소비하는 데 있지 않고, 하나의 출발점을 바탕으로 스스로 묻고, 연결하고, 수정하고, 완성해 가는 과정에 있기 때문이다. 그런 점에서 이 책은 단순히 ‘AI가 대신 코드를 써주는 개발 방법’을 소개하는 데 머물지 않는다. 오히려 AI 시대에 필요한 개발 역량이 무엇인지, 그리고 그것을 어떻게 자신의 것으로 만들어 갈 수 있는지를 보여 주는 책에 가깝다.

예제를 그대로 따라 하는 데서 멈추지 않고 자신의 아이디어를 더해 보고자 하는 사람, 어떤 프롬프트와 어떤 연결 방식이 실제로 유효한지 스스로 확인하고 체득하고자 하는 사람에게 이 책은 훨씬 더 큰 가치를 돌려줄 것이다. 이 책을 성실히 따라간 독자는 단순히 코드를 생성해 본 사람이 아니라, AI와 함께 생각하고 설계하고 연결하며 마침내 실제 결과물을 만들어 내는 사람으로 한 단계 나아가게 될 것이다. 새로운 개발 환경 속에서 자신의 방식으로 배우고 만들고자 하는 독자에게 이 책을 기꺼이 추천한다. - 윤성진 (㈜소프트에이아이 연구소장/서울과학종합대학원 AI첨단대학원 겸직교수)

바이브 코딩은 아이디어가 현실이 되는 가장 스마트한 항해술이다. 기술의 경계가 허물어지는 시대, 이제 코딩은 바이브 코딩을 통해 특정 직군의 전유물이 아니라 상상력을 현실로 구현해 내는 가장 강력한 도구가 됐다. 『바이브 코딩 항해일지』는 그 거대한 변화의 파도 위에서 누구나 자신만의 배를 띄울 수 있게 돕는 든든한 가이드북이다.

이 책은 비개발자들에게 막연한 두려움을 확신으로 바꿔 주는 ‘가장 빠른 승선 티켓’이다. 복잡한 코딩에 매몰되기보다 자신의 아이디어를 실제 서비스로 구현해 내는 ‘바이브’를 터득함으로써 코딩이 기술을 넘어 하나의 창의적인 놀이가 될 수 있게 한다.

이 책의 가장 큰 장점은 ‘살아 있는 실습’에 있다. 책에서 제시한 다양한 프로젝트 예시를 따라가다 보면, 독자는 자신의 아이디어를 구체적인 서비스로 변환하는 법을 자연스럽게 깨닫게 된다. 자신의 생각과 책의 사례를 비교하면서 한 단계씩 나아가는 경험은 학습의 문턱을 획기적으로 낮춰 준다.

현시대 개발의 핵심인 다양한 AI 도구들과 Open API를 활용한 프롬프트 엔지니어링 기법을 실전적으로 녹여 낸 점도 인상적이다. 실전 프로젝트를 수행하는 과정에서 필요한 최신 기술을 적절하게 소개하고 직접 체득하게 함으로써 어려운 기술을 더 쉽게 익히도록 배려했다.

바이브 코딩의 등장은 기존 개발 방식을 획기적으로 변화시킨 중요한 사건이다. 누구라도 개발을 할 수 있는 시대를 열어 개발자의 저변을 넓혔고, 기존 개발자에게는 개발 속도와 생산성을 높여 줬다. 이 책은 바이브 코딩 시대의 중요한 길잡이 역할을 해 줄 책이다. 이 책과 함께 지금 바로 코딩의 바다로 뛰어들기를 응원한다. 놀라운 경험이 삶에 끊이지 않도록, 비전이 실제 코드로 구현되는 경이로운 순간이 곧 시작될 것이다. - 조문옥 (㈜여기어때 CTO/부사장)

베타 리더 후기

프로그래밍을 모르는 사람도 바이브 코딩으로 원하는 서비스를 만들 수 있는 시대입니다. 하지만 막상 시작하려고 하면 바이브 코딩이 무엇인지, 어떻게 활용해야 하는지 막막하게 느껴질 수 있습니다. 이 책은 그런 막막함을 시원하게 해소해 줍니다. 바이브 코딩으로 구현한 30개의 다양한 예제를 통해 바이브 코딩 자체는 물론, AI 서비스 전반에 대한 넓고 깊은 인사이트를 얻을 수 있습니다. 특정 AI 도구 사용법이 아니라 바이브 코딩을 잘하는 방법에 초점을 맞춘 점이 특징입니다. 각 장의 마지막에 제시된 ‘확장 아이디어’에 조금만 응용을 더한다면, 원하는 서비스를 손쉽게 만들어 볼 수 있을 것입니다. 이 책과 함께 바이브 코딩의 세계를 향해 힘차게 돛을 올려 보세요. - 김동우

AI와 함께 업무 동반자로 협업할지, 아니면 내 역할을 대체할 경쟁자로 경계하며 배척할지의 선택이 직장인의 생존과 경쟁력을 좌우하는 시대가 됐습니다. 이 책은 단순한 이론 나열에 그치지 않고, 수록된 예시 프롬프트를 직접 실행하며 실질적인 애플리케이션을 즉각 구현해 볼 수 있도록 설계됐습니다. 특히 AI 입문 단계를 넘어 도구로서의 AI를 제대로 활용하고 싶은 분들, 혹은 개발 역량이 부족하더라도 자신만의 아이디어를 서비스로 빠르게 구현해 보고 싶은 분들께 명확한 가이드라인을 제시합니다. 막연했던 AI 활용 방안이 이 책을 통해 ‘어떤 질문과 요청을 던져야 최적의 결과물을 얻을 수 있는지’에 대한 확신으로 바뀌는 소중한 경험을 할 수 있었습니다. - 박OO

최근 AI 관련 정보가 쏟아지는 홍수 속에서, 제대로 된 지식을 어디서 얻어야 할지 고민하던 중 이 책의 베타리딩에 참여하게 됐습니다. 이 책을 읽으며 무엇보다 좋았던 점은 기대 이상의 깊은 인사이트를 얻을 수 있었다는 점입니다. 단순히 기술적인 내용에 국한되지 않고, ‘바이브 코딩’을 실무나 일상에서 어떻게 활용하고 어떤 관점으로 접근해야 하는지 배울 수 있는 좋은 계기가 됐습니다.

물론 개발 지식이나 바이브 코딩에 대한 경험이 있다면 더 수월하게 읽히겠지만, 비전공자인 저에게도 이 책은 훌륭한 길잡이가 됐습니다. 직접 테스트를 따라 하며 어렵게만 느껴졌던 바이브 코딩에 한 발짝 더 가까워진 기분입니다. 개발자가 아니다 보니 처음에는 ‘이게 맞나?’ 싶어 막막하기도 했지만, 이 책 덕분에 비전공자도 ‘내가 원하는 것을 어떻게 시작해야 하는지’ 그 방향성을 잡을 수 있었습니다. 스스로 부딪쳐 보는 경험이 가장 중요하겠지만, 그 첫걸음을 떼고자 하는 모든 분께 이 책을 강력히 추천합니다. - 오OO

AI 기술의 눈부신 발전으로 인해 이제는 누구나 개발을 할 수 있는 시대가 됐습니다. 개발자가 아닌 비전공자도 AI 도구의 도움을 받아 손쉽게 상용 서비스 수준의 개발을 해볼 수 있으며, 심지어 복잡한 소스코드를 직접 입력하지 않아도 단 몇 시간, 몇 분 만에 딸깍하고 개발이 가능한 세상이라니… 대단함을 넘어 경이롭기까지 합니다. 이러한 놀라운 것을 가능케 만드는 그 중심에 최근 화두로 떠오르고 있는 바이브 코딩이라는 새로운 개발 패러다임이 있습니다. 인간이 사용하는 자연어로 명령을 내려가며, 느낌적인 느낌으로 소프트웨어를 빠르게 구현하는 형태를 일컫는 이러한 바이브 코딩 방식 없이 개발하는 것을 이제는 더 이상 상상하지 못할 정도로 대중화된 것 같습니다.

그러나 막상 바이브 코딩을 하려고 해도, 아직 익숙하지 않은 사람에게는 어디서부터 어떻게 시작해야 할지 다소 막막한 것이 사실입니다. 이 책은 그러한 막막함과 답답함을 시원하게 해결해 주는 길잡이와 같은 책이라는 생각이 듭니다. 우연한 좋은 기회로 이번 베타리딩을 수행하면서, 저 또한 바이브 코딩에 더욱 익숙해질 수 있는 좋은 경험이 됐고, 특히 이 책에 수록돼 있는 30가지의 다양한 실습 예제들에 감탄했습니다. 바이브 코딩을 통해 여러 가지 외부 Open API 서비스들과 연동되는 각종 유용한 웹앱들을 개발해 보는 실습을 진행하면서 독자들은 자연스럽게 바이브 코딩의 다양한 프롬프트 엔지니어링 기법에 익숙해지게 됩니다. 뿐만 아니라 이 책은 단순한 개발을 넘어 배포와 수익화 전략까지 다루고 있어, 1인 개발자를 꿈꾸는 많은 분께 아주 유용한 지침서가 될 수 있을 것이라 생각합니다. 모쪼록 이 책을 통해 바이브 코딩을 통한 각종 서비스 개발을 경험하시면서, 어떤 아이디어든 현실로 만들 수 있는 바이브 넘치는 개발자로 모두가 성장하실 수 있기를 기원합니다. - 최성욱

저자/역자 소개

지은이 소개

동준상

지난 10여 년간 기업과 공공기관을 대상으로 AI, 클라우드, 데이터 분석을 주제로 수천 시간 이상의 강의와 컨설팅을 진행해 온 기술 강연자이자 저자다. AWS, Azure, GCP 등 퍼블릭 클라우드와 생성형 AI, LLM 기반 업무 자동화 분야를 중심으로 실무 중심 교육 과정을 기획·운영해 왔으며, 최근에는 바이브 코딩과 AI 에이전트 설계, 마이크로 SaaS 개발을 주제로 한 강의와 콘텐츠 제작에 집중하고 있다. 다수의 IT·데이터 관련 저서를 집필하고 번역서를 출간했으며, 기술을 ‘설명하는 것’보다 ‘직접 만들어 보게 하는 것’을 교육 철학으로 삼고 있다. 현재는 넥스트플랫폼(NXP)을 통해 AI 기반 산업 전환과 개인 생산성 혁신을 연결하는 콘텐츠와 강의를 이어가고 있다.

지은이의 말

이 책은 코딩을 잘하는 사람이 되는 방법을 설명하기 위해 쓴 것이 아니다. 대신 AI와 함께라면 누구나 자신의 아이디어를 실제 결과물로 만들어 낼 수 있다는 가능성을 보여 주고자 했다. 최근 몇 년간 현장에서 만난 많은 학습자는 문법이나 언어 자체보다 ‘무엇을 만들 수 있는가’에 더 큰 관심을 보였다. 바이브 코딩은 이러한 변화에 대한 자연스러운 응답이다. AI와 대화하며 생각을 구체화하고, 결과를 확인하고, 다시 수정을 반복하는 속에서 개발은 더 이상 일부 전문가의 전유물이 아니게 됐다. 이 책은 그 과정을 처음부터 끝까지 경험할 수 있도록 구성된 실습형 가이드다.

이 책에 수록된 30개의 프로젝트는 실제 소프트웨어 개발의 흐름을 최대한 단순하고 현실적으로 압축한 결과물이다. 기획에서 시작해 빌드, 데이터와 API 연동, 사용자 상호작용, 자동화, 그리고 배포와 확장에 이르기까지 각 단계는 독립된 학습 단위이면서 동시에 하나의 연속된 여정으로 설계됐다. 모든 프로젝트는 작은 성공 경험을 제공하도록 구성돼 있으며, 독자가 예제를 그대로 따라 하는 데서 그치지 않고 자신의 아이디어로 변형하고 확장할 수 있도록 의도했다. 이 책의 핵심은 완성된 코드가 아니라, 반복 가능한 개발의 감각을 익히는 데 있다.

바이브 코딩은 특정 도구나 기술 목록을 의미하지 않는다. 그것은 문제를 언어로 정의하고, AI와 협업하며 결과를 조율하는 새로운 사고 방식이다. 이 책을 통해 독자는 코드를 모두 이해하지 않더라도, AI와 함께 만드는 리듬을 자연스럽게 체득하게 될 것이다. 이 항해가 끝난 뒤에도 독자의 여정은 계속될 것이다. AI와 함께 생각하고, 만들고, 세상과 연결하는 경험이 더 많은 사람에게 일상이 되기를 바라며, 이 책을 독자에게 건넨다.

목차

목차
  • 1부 첫 항해를 위한 준비 – AI 항해사와의 첫 만남

  • Project 1 첫 돛을 올리다 – 나만의 랜딩 페이지 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 2 항해의 첫 기록 – 하루 할 일 메모 앱
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 3 바람을 느끼다 – 명언 카드 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 4 좌표를 계산하다 – 심플 계산기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 5 나침반을 세우다 – 깃허브 Pages 자동 배포 워크플로
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 6 첫 항로의 지도를 그리다 – 탐색적 데이터 분석
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵
  • 첫 항해를 마치며 – 이번 항해 정리 및 다음 항로 예고

  • 2부 데이터의 바다로 – API로 연결된 세상과 바다

  • Project 7 데이터의 물결을 읽다 – 날씨 알림이 앱
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 API에 대한 간단한 설명
  • 3. 핵심 프롬프트 예시
  • 3.1 커서 입력 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 8 파도를 기록하다 – 전 세계 해변 포토 플래너
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 3.1 커서 입력 예시
  • 3.2 Claude 보조 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 9 뉴스의 파편을 모으다 – 뉴스 카드뷰 요약
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Base44
  • 3. 핵심 프롬프트 예시
  • 3.1 Base44 입력 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 10 조류의 흐름을 시각화하다 – 유튜브 트렌드 대시보드
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: YouTube Data API
  • 3. 핵심 프롬프트 예시
  • 3.1 커서 입력 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 11 파도의 높이를 예측하다 – 주식 시세 조회기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Alpha Vantage
  • 3. 핵심 프롬프트 예시
  • 3.1 커서 입력 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 12 데이터의 심해를 탐험하다 – 머신러닝 데이터 분석 웹앱
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 3.1 커서 입력 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 4.1 이번 앱 구현을 위해 수행해야 할 작업 내역
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵
  • 데이터의 바다에서 – 이번 항해 정리 및 다음 항로 예고

  • 3부 교류의 바람을 타고 – 사용자와 상호작용 항해

  • Project 13 언어의 파도를 넘다 – AI 번역기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Gemini API 활용
  • 3. 핵심 프롬프트 예시
  • 3.1 Gemini API 실시간 번역 웹앱 기술 명세서
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 14 연결의 신호를 만들다 – QR 코드 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 15 데이터의 항해일지를 남기다 – 구글 시트 메모장
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 16 세상의 문을 열다 – 로그인·회원가입 기능 구현
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Firebase Authentication
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 17 메시지를 전송하다 – Notion 블로그 자동 발행기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Express.js
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 18 시선을 이해하다 – 딥러닝 CNN 모델 기반 이미지 분석
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: TensorFlow
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 5.1 Base44 음식 이미지 인식 웹앱 비교
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵
  • 교류의 바람을 타고 – 이번 항해 정리 및 다음 항로 예고

  • 4부 자동 항해 모드 – AI와 함께 완성하는 코딩 루프

  • Project 19 항해의 판단을 위임하다 – AI 면접 연습 시뮬레이터
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 20 감정의 파도를 해석하다 – 아마존 제품 리뷰 감정 분석
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 21 대화의 흔적을 정리하다 – 회의·강의 요약 및 업무 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: AssemblyAI
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 22 항로의 성과를 기록하다 – 매출 리포트 자동 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: ReportLab
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 23 창작의 항해를 시작하다 – AI 블로그 콘텐츠 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Unsplash API
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 24 미래의 파도를 예측하다 – 딥러닝 LSTM 모델 기반 주식 가격 예측
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 데이터 분석 모델 LSTM
  • 3. 핵심 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵
  • 자동 항해를 마치며 – 이번 항해 정리 및 다음 항로 예고

  • 5부 도착의 항로 – 세상과 만나는 배포의 순간

  • Project 25 항해의 기록을 남기다 – 깃허브 포트폴리오 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 3.1 GPT 아이디어 버전 프롬프트 예시
  • 3.2 Claude로 작성한 기술 명세서 스타일의 프롬프트 예시
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 26 항해 스토리텔링 – GPT API 기반 유튜브 대본 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 3.1 GPT가 제시한 기본 아이디어
  • 3.2 위 아이디어를 바탕으로 GPT가 구체화한 기술 명세서
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 27 해적 대비 장치 – GPT API 기반 비밀번호 생성기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 3. 핵심 프롬프트 예시
  • 3.1 GPT가 제시한 기본 아이디어
  • 3.2 위 아이디어를 바탕으로 Claude가 구체화한 기술 명세서
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 28 선원들을 건강하게 – GPT API 기반 음식 영양소 분석기
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 유사한 기능의 모바일 앱 벤치마킹 - Cal AI
  • 3. 핵심 프롬프트 예시
  • 3.1 GPT 아이디어 프롬프트
  • 3.2 GPT 기술 명세서 프롬프트
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 29 항로를 자동화하다 ① – 습관 추적 웹앱 빌드
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 성공 사례 분석 - habit Kit
  • 3. 핵심 프롬프트 예시
  • 3.1 GPT 아이디어 프롬프트
  • 3.2 GPT 기술 명세서 프롬프트
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵

  • Project 30 항로를 자동화하다 ② – Product Hunt 배포 자동화
  • 1. 프로젝트 개요 및 목표
  • 2. 개발 도구 및 도구별 역할
  • 2.1 새로운 도구: Product Hunt
  • 3. 핵심 프롬프트 예시
  • 3.1 GPT 아이디어 프롬프트
  • 3.2 GPT 기술 명세서 프롬프트
  • 4. 앱 빌드 과정 및 주요 스크린샷
  • 5. 완성된 웹앱 결과 화면
  • 6. 소스 코드 / 깃허브 리포지터리
  • 7. 정리 / 확장 로드맵
  • 귀항 그리고 새로운 항해의 시작

  • 부록 1 바이브 코딩 수익화 전략
  • 1. AI로 만든 앱을 경제적 가치로 만들기
  • 1.1 소프트웨어 수익화의 기본 구조
  • 1.2 제품 형태별 수익화 전략
  • 1.3 바이브 코딩 수익화를 위한 5단계 실행 플로
  • 1.4 수익화의 핵심: ‘문제 해결에 대한 대가’

  • 부록 2 바이브 코딩 개발 및 수익화 성공 스토리
  • 1. ‘작은 아이디어가 글로벌 서비스가 되기까지’
  • 1.1 Creator Hunter – 1인 개발자의 글로벌 플랫폼 도전기
  • 1.2 Rootd – 정신건강 스타트업의 AI 성장기
  • 1.3 바이브 코딩 성공 사례의 공통점
  • 1.4 바이브 코딩으로 창업을 꿈꾸는 독자에게

도서 오류 신고

도서 오류 신고

에이콘출판사에 관심을 가져 주셔서 고맙습니다. 도서의 오탈자 정보를 알려주시면 다음 개정판 인쇄 시 반영하겠습니다.

오탈자 정보는 다음과 같이 입력해 주시면 됩니다.

(예시) p.100 아래에서 3행 : '몇일'동안 -> 며칠동안