도서 소개
바이브코딩으로 진짜 웹 서비스 하나를 끝까지 만든다!
AI와 함께 코드를 작성하는 바이브코딩(Vibe Coding) 시대, 이제 혼자서도 온전한 웹 서비스를 처음부터 끝까지 만들 수 있습니다.
이 책은 AI 코드 에디터 Cursor와 Python을 활용해, 영상 업로드, 검색, 구독 시스템, 좋아요, 댓글, 관리자 대시보드 등 유튜브에서 볼 수 있는 주요 기능들을 유사하게 구현한 웹 플랫폼 프로젝트 WeTube(위튜브)를 기획부터 배포까지 완성하는 과정을 담았습니다.
백엔드·데이터베이스·보안처럼 막막하게만 느껴지던 영역도, AI와 대화하듯 코딩하는 바이브코딩 방식으로 자연스럽게 익힐 수 있습니다.
단순한 예제 코드를 타이핑하는 수고에서 벗어나, 영상 업로드부터 검색·구독·좋아요·댓글·추천, 그리고 실제 배포까지 이어지는 하나의 작은 유튜브 플랫폼을 직접 완성해 보세요.
이 책의 마지막 장을 덮을 때, "AI만 있으면 이런 서비스도 뚝딱 만들 수 있겠구나!"라는 확고한 자신감을 갖게 될 것입니다.
이 책은 다음과 같은 독자에게 추천합니다.
- Cursor와 AI 바이브코딩을 제대로 활용해보고 싶은 입문자
- AI와 협업하는 최신 개발 방식을 배우고 싶은 개발자
- 웹 서비스 개발의 전체 흐름을 프로젝트로 익히고 싶은 학습자
- 실전 풀스택 프로젝트를 직접 만들어보고 싶은 분
- Flask 기반 백엔드와 데이터베이스 구조를 실습 중심으로 배우고 싶은 분
- 아이디어를 AI 툴로 즉시 나만의 플랫폼으로 실현하고 싶은 분
- 백엔드·서버·데이터베이스가 막막하게 느껴지는 분
저자 유튜브 채널(https://youtube.com/@JSPStudyCursor)을 통해 전 과정을 커버하는 동영상 강의도 순차적으로 제공되며, 소스코드는 GitHub(https://github.com/JSPStudy-Cursor/Cursor_V02)에서 무료로 다운로드할 수 있습니다. Q&A는 JSPStudy(https://jspstudy.co.kr) 사이트를 통해 지원합니다.
출판사 리뷰
AI와 나누는 대화로 풀스택 진짜 웹 서비스를 완성하다!이 책은 AI와 협업하며 실제 웹 서비스 전체를 완성하는 새로운 개발 경험을 제시하는 실전 프로젝트형 도서입니다.
최근 개발 현장에서는 Cursor, Claude, ChatGPT 같은 AI 도구를 활용한 개발 방식이 빠르게 확산되고 있습니다. 하지만 많은 입문자들은 여전히 “AI로 어디까지 만들 수 있을까?”, “진짜 서비스도 가능할까?”라는 막연한 궁금증을 가지고 있습니다.
이 책은 그 질문에 명확하게 답합니다.
독자는 책을 따라가며 YouTube 스타일의 영상 플랫폼 ‘WeTube’를 직접 구축하게 됩니다. 단순 화면 구현에 그치지 않고 회원가입, 로그인, 영상 업로드, 댓글, 좋아요, 구독, 검색, REST API, 데이터베이스 설계, 보안, 배포까지 실제 서비스에 필요한 핵심 기능을 하나씩 완성합니다.
무엇보다 이 책의 가장 큰 차별점은 ‘바이브코딩(Vibe Coding)’ 방식입니다.
복잡한 문법을 외우기보다,
AI에게 의도를 설명하고,
AI와 대화하며 서비스를 구현합니다.
즉, 개발자가 모든 코드를 직접 작성하는 방식이 아니라 AI를 활용해 설계와 문제 해결에 집중하는 최신 개발 흐름을 자연스럽게 익힐 수 있도록 구성했습니다.
"바이브코딩(Vibe Coding)"은 문법을 외우는 대신 AI에게 의도를 전달하고, AI가 생성한 코드의 흐름을 이해하며 서비스를 완성하는 새로운 개발 방식입니다. 이 책은 바이브코딩의 핵심 도구인 커서(Cursor) AI IDE를 활용해, 실제 유튜브와 유사한 동영상 플랫폼 WeTube를 처음부터 끝까지 구축하는 과정을 6단계로 안내합니다.
Step 1. 프로젝트 기획·환경 설정Python과 Cursor 설치, 가상환경 구성부터 시작해 WeTube 프로젝트의 목표와 개발 계획을 수립합니다. Cursor의 Hobby(무료) 및 Pro 플랜 활용법도 상세히 안내합니다.
Step 2. 프론트엔드 템플릿Jinja2 템플릿 엔진과 HTML·CSS·JavaScript를 활용해 인증 페이지, 스튜디오, 메인 피드, 관리자 대시보드까지 SSR(서버사이드 렌더링) 방식의 화면을 완성합니다.
Step 3. 백엔드 APIPython Flask로 REST API를 설계하고, 영상 업로드·태그 연결·구독·좋아요·댓글 등 WeTube의 핵심 비즈니스 로직을 단계별로 구현합니다.
Step 4. 데이터베이스SQLite와 SQLAlchemy ORM을 사용해 7개의 테이블로 이루어진 데이터 모델을 설계합니다. CRUD 개념부터 실제 모델링까지 서비스 관점에서 설명합니다.
Step 5. 보안·운영·테스트Flask-Login을 통한 사용자 인증, CSRF 방어, 비밀번호 해시 처리 등 웹 서비스에 필요한 기본적인 보안 기능을 유사하게 적용하고, 테스트를 통해 프로젝트의 품질을 점검합니다.
Step 6. 배포이미지와 동영상 파일은 Cloudinary에 업로드하고, PythonAnywhere를 통해 인터넷에서 접속 가능한 웹 서비스로 배포하는 전 과정을 다룹니다.
작가 소개
지은이 : 정동진
현) 동의대 정보아카데미 강사현) 부산IT교육센터 프로그래밍 강사현) JSPStudy.co.kr 대표 운영자(저서)바이브코딩으로 진짜 웹 서비스 하나를 끝까지 만든다! (앤써북)코딩 1도 몰라도 커서 AI와 대화하며 7가지 프로그램 만들기 (앤써북)JSP Study의 JSP 웹 프로그래밍 입문 + 활용 (4판) (앤써북)IoT 사물인터넷을 위한 라즈베리파이 5 정석 (앤써북)모두가 할 수 있는 플러터 UI 입문 (앤써북)그누위즈의 PHP & MySQL 웹 프로그래밍 입문 + 활용 (전면 개정판) (앤써북)그누위즈의 HTML5 & CSS3 웹 디자인 입문 + 활용 (앤써북)
지은이 : 이상용
동아대학교 수학과 졸업현)부산IT교육센터 프로그래밍 강사현)골드 매그넷 소프트 대표전)아이티윌 부산교육센터 네트워크, 서버, 프로그래밍 강사 Card Match Memory Game 앱 개발LIFE GYM 웹 프로그램 개발(저서)바이브코딩으로 진짜 웹 서비스 하나를 끝까지 만든다! (앤써북)코딩 1도 몰라도 커서 AI와 대화하며 7가지 프로그램 만들기 (앤써북)
목차
CHAPTER 01 바이브 코딩(Vibe Coding)의 시작
01.0 Cursor 소개
01.1 AI와 Python 소개
01.2 Python 및 Cursor 설치
01.3 Cursor 회원 가입 및 세팅
01.4 파이썬 가상환경 세팅
01.5 WeTube에 필요한 라이브러리 전체 설치
01.6 Flask Server 실행
01.7 Cursor 요금제 선택하기
이 장을 마치며
CHAPTER 02 WeTube 프로젝트 기획 및 설계
02.0 프로젝트 소개
02.1 시스템 아키텍처
02.2 주요 기능 모듈
02.3 데이터베이스 설계 개요
02.4 프로젝트 폴더 구조
02.5 주요 기술 개념
02.6 보안 고려사항
02.7 성능 최적화 전략
이 장을 마치며
CHAPTER 03 WeTube 프로젝트 프론트엔드
03.0 프로젝트 준비 및 디렉토리 구조 생성
03.1 공통 레이아웃 페이지 (base.html)
03.2 인증 페이지 (auth)
03.3 스튜디오 페이지 (studio)
03.4 메인 페이지 (main)
03.5 관리자 대시보드 페이지 (admin)
이 장을 마치며
CHAPTER 04 Database 기초 및 테이블 생성
04.0 Database 및 SQLite의 이해
04.1 CRUD란?
04.2 데이터 모델링: 7개의 테이블 설계
이 장을 마치며
CHAPTER 05 백엔드 핵심 기능 구현 1
05.0 시작 전 준비 사항
05.1 위튜브(WeTube) 시스템 아키텍처: 전체 지도 그리기
05.2 무엇을 만들 것인가? (유스케이스 정의)
05.3 태그 연결
05.4 비디오 정보 수정 및 삭제 기능 개발
05.5 스튜디오 통계
이 장을 마치며
CHAPTER 06 백엔드 핵심 기능 구현 2
06.0 시작 전 준비 사항
06.1 동적 라우팅 & 비디오 시청
06.2 다중 조건 검색 및 동적 쿼리 시스템 구현
06.3 내 채널과 구독 피드 기능 개발
06.4 REST API와 관련 동영상
이 장을 마치며
CHAPTER 07 백엔드 핵심 기능 구현 3
07.0 시작 전 준비 사항
07.1 안전한 회원가입 시스템 구축
07.2 로그인·로그아웃과 Flask-Login
07.3 회원정보 수정과 비밀번호 변경
07.4 프로필 이미지
이 장을 마치며
CHAPTER 08 백엔드 핵심 기능 구현 4
08.0 시작 전 준비 사항
08.1 댓글 CRUD와 대댓글
08.2 비디오 좋아요
08.3 Cloudinary - 클라우드 미디어 스토리지 도입
08.4 PythonAnywhere - 세상에 우리의 위튜브(WeTube) 공개하기
이 장을 마치며
5~8장을 마치며
우리가 진짜 배운 것
부록
관리자 기능 추가 및 PythonAnywhere 코드 수정하고, 배포하는 방법 안내
