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

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

$18.80
Description
바이브코딩으로 진짜 웹 서비스 하나를 끝까지 만든다!
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) 사이트를 통해 지원합니다.
저자

이상용

동아대학교수학과졸업
현)부산IT교육센터프로그래밍강사
현)골드매그넷소프트대표
전)아이티윌부산교육센터네트워크,서버,프로그래밍강사

CardMatchMemoryGame앱개발
LIFEGYM웹프로그램개발

(저서)
바이브코딩으로진짜웹서비스하나를끝까지만든다!(앤써북)
코딩1도몰라도커서AI와대화하며7가지프로그램만들기(앤써북)

목차

CHAPTER01바이브코딩(VibeCoding)의시작
01.0Cursor소개
01.1AI와Python소개
01.2Python및Cursor설치
01.3Cursor회원가입및세팅
01.4파이썬가상환경세팅
01.5WeTube에필요한라이브러리전체설치
01.6FlaskServer실행
01.7Cursor요금제선택하기
이장을마치며

CHAPTER02WeTube프로젝트기획및설계
02.0프로젝트소개
02.1시스템아키텍처
02.2주요기능모듈
02.3데이터베이스설계개요
02.4프로젝트폴더구조
02.5주요기술개념
02.6보안고려사항
02.7성능최적화전략
이장을마치며

CHAPTER03WeTube프로젝트프론트엔드
03.0프로젝트준비및디렉토리구조생성
03.1공통레이아웃페이지(base.html)
03.2인증페이지(auth)
03.3스튜디오페이지(studio)
03.4메인페이지(main)
03.5관리자대시보드페이지(admin)
이장을마치며

CHAPTER04Database기초및테이블생성
04.0Database및SQLite의이해
04.1CRUD란?
04.2데이터모델링:7개의테이블설계
이장을마치며

CHAPTER05백엔드핵심기능구현1
05.0시작전준비사항
05.1위튜브(WeTube)시스템아키텍처:전체지도그리기
05.2무엇을만들것인가?(유스케이스정의)
05.3태그연결
05.4비디오정보수정및삭제기능개발
05.5스튜디오통계
이장을마치며

CHAPTER06백엔드핵심기능구현2
06.0시작전준비사항
06.1동적라우팅&비디오시청
06.2다중조건검색및동적쿼리시스템구현
06.3내채널과구독피드기능개발
06.4RESTAPI와관련동영상
이장을마치며

CHAPTER07백엔드핵심기능구현3
07.0시작전준비사항
07.1안전한회원가입시스템구축
07.2로그인·로그아웃과Flask-Login
07.3회원정보수정과비밀번호변경
07.4프로필이미지
이장을마치며

CHAPTER08백엔드핵심기능구현4
08.0시작전준비사항
08.1댓글CRUD와대댓글
08.2비디오좋아요
08.3Cloudinary-클라우드미디어스토리지도입
08.4PythonAnywhere-세상에우리의위튜브(WeTube)공개하기
이장을마치며
5~8장을마치며
우리가진짜배운것

부록
관리자기능추가및PythonAnywhere코드수정하고,배포하는방법안내

출판사 서평

AI와나누는대화로풀스택진짜웹서비스를완성하다!

이책은AI와협업하며실제웹서비스전체를완성하는새로운개발경험을제시하는실전프로젝트형도서입니다.
최근개발현장에서는Cursor,Claude,ChatGPT같은AI도구를활용한개발방식이빠르게확산되고있습니다.하지만많은입문자들은여전히“AI로어디까지만들수있을까?”,“진짜서비스도가능할까?”라는막연한궁금증을가지고있습니다.
이책은그질문에명확하게답합니다.
독자는책을따라가며YouTube스타일의영상플랫폼‘WeTube’를직접구축하게됩니다.단순화면구현에그치지않고회원가입,로그인,영상업로드,댓글,좋아요,구독,검색,RESTAPI,데이터베이스설계,보안,배포까지실제서비스에필요한핵심기능을하나씩완성합니다.

무엇보다이책의가장큰차별점은‘바이브코딩(VibeCoding)’방식입니다.
복잡한문법을외우기보다,
AI에게의도를설명하고,
AI와대화하며서비스를구현합니다.
즉,개발자가모든코드를직접작성하는방식이아니라AI를활용해설계와문제해결에집중하는최신개발흐름을자연스럽게익힐수있도록구성했습니다.

"바이브코딩(VibeCoding)"은문법을외우는대신AI에게의도를전달하고,AI가생성한코드의흐름을이해하며서비스를완성하는새로운개발방식입니다.이책은바이브코딩의핵심도구인커서(Cursor)AIIDE를활용해,실제유튜브와유사한동영상플랫폼WeTube를처음부터끝까지구축하는과정을6단계로안내합니다.

Step1.프로젝트기획·환경설정
Python과Cursor설치,가상환경구성부터시작해WeTube프로젝트의목표와개발계획을수립합니다.Cursor의Hobby(무료)및Pro플랜활용법도상세히안내합니다.

Step2.프론트엔드템플릿
Jinja2템플릿엔진과HTML·CSS·JavaScript를활용해인증페이지,스튜디오,메인피드,관리자대시보드까지SSR(서버사이드렌더링)방식의화면을완성합니다.

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

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

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

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