바이브코딩으로 진짜 웹 서비스 하나를 끝까지 만든다!

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) 사이트를 통해 지원합니다.

[목 차]
  

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 코드 수정하고, 배포하는 방법 안내