바이브코딩으로 진짜 웹 서비스 하나를 끝까지 만든다! - 기획·프론트·백엔드·데이터베이스·보안·배포를 바이브코딩으로 한 번에 완성하는 WeTube 프로젝트!

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

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. 백엔드 API

Python Flask로 REST API를 설계하고, 영상 업로드·태그 연결·구독·좋아요·댓글 등 WeTube의 핵심 비즈니스 로직을 단계별로 구현합니다.



Step 4. 데이터베이스

SQLite와 SQLAlchemy ORM을 사용해 7개의 테이블로 이루어진 데이터 모델을 설계합니다. CRUD 개념부터 실제 모델링까지 서비스 관점에서 설명합니다.



Step 5. 보안·운영·테스트

Flask-Login을 통한 사용자 인증, CSRF 방어, 비밀번호 해시 처리 등 웹 서비스에 필요한 기본적인 보안 기능을 유사하게 적용하고, 테스트를 통해 프로젝트의 품질을 점검합니다.



Step 6. 배포

이미지와 동영상 파일은 Cloudinary에 업로드하고, PythonAnywhere를 통해 인터넷에서 접속 가능한 웹 서비스로 배포하는 전 과정을 다룹니다.