01장 커서로 바이브 코딩 시작하기

_01-1 바이브 코딩의 핵심 도구, 커서
__아이디어를 현실로 만드는 바이브 코딩
__전통 개발 방식 vs 바이브 코딩
__여전히 개발자의 역할은 중요하다
__커서란?
__커서를 사용하는 이유

_01-2 커서 개발 환경 설정하기
__[Do it! 실습] 커서 가입하기
__[Do it! 실습] 커서 프로 플랜으로 전환하기
__[Do it! 실습] 커서 프로 플랜 해지하기
__[Do it! 실습] 커서 설치하기

_01-3 커서 AI 기능 이해하기
__커서 화면 구성 살펴보기
__AI의 작업 방식 설정하기

02장 돈이 차곡차곡 모이는 가계부 웹 사이트 만들기

_02-1 웹 사이트 개발 환경 설정하기
__웹 사이트 개발에 필요한 도구
__[Do it! 실습] Node.js 설치하기
__[Do it! 실습] 깃 설치하기
__[Do it! 실습] 깃허브 가입하기

_02-2 가계부 웹 사이트 첫 화면 만들기
__프로젝트 폴더란?
__[Do it! 실습] 프로젝트 폴더 생성하기
__[Do it! 실습] 개발 서버로 첫 화면 만들기
__[Do it! 실습] 커서의 AI 기능으로 첫 화면 꾸미기

_02-3 수파베이스로 데이터 저장하고 화면 다듬기
__데이터를 ‘저장한다’는 것은 무슨 뜻일까?
__[Do it! 실습] 수파베이스에서 DB와 테이블 만들기
__[Do it! 실습] 수파베이스 연결 정보 등록하기
__[Do it! 실습] 웹 사이트와 DB 연결하기
__[Do it! 실습] 모바일 화면 최적화하기
__[Do it! 실습] 웹 사이트 화면 디자인 개선하기

_02-4 버셀로 가계부 웹 사이트 배포하기
__배포란 무엇일까?
__[Do it! 실습] 깃허브에 가계부 웹 사이트 코드 파일 업로드하기
__[Do it! 실습] 버셀로 웹 사이트 배포하기
__[Do it! 실습] 배포한 후 작동되는지 테스트하기
__[Do it! 실습] 코드 수정 후 다시 배포하기

_02-5 AI 챗봇 기능 추가하고 오류 해결하기
__대화하듯 기록하는 AI 챗봇
__제미나이 연결하기
__[Do it! 실습] 제미나이 API 키 발급받기
__[Do it! 실습] 챗봇 인터페이스로 전환하기
__[Do it! 실습] 제미나이 연결하고 AI 챗봇 기능 구현하기
__[Do it! 실습] 다양한 표현 테스트하기
__[Do it! 실습] 통계 질문 기능 추가하기
__[Do it! 실습] 환경 변수 설정하고 웹 사이트 배포하기
__여러 기능 추가하기
__외부 API 오류 해결하기
__[Do it! 실습] AI에게 오류 해결 요청하기
__[Do it! 실습] 브라우저 콘솔에서 오류 찾기
__[Do it! 실습] 커서의 터미널 오류 해결하기

03장 사진으로 여행을 기록하는 플러터 앱 만들기

_03-1 플러터 개발 환경 설정하기
__웹과 네이티브 앱의 차이 이해하기
__여행 기록 앱을 만드는 이유
__플러터를 사용하는 이유
__개발 환경 설정하기
__[Do it!] 플러터 SDK 설치하기
__[Do it!] 커서에 플러터 확장 프로그램 설치하기
__[Do it!] 안드로이드 스튜디오 설치하기
__[Do it!] Flutter Doctor로 확인하기
__[Do it!] 에뮬레이터 만들기

_03-2 여행 기록 앱의 기본 구조 만들기
__[Do it!] 커서의 AI 기능으로 프로젝트 폴더 생성 요청하기
__[Do it!] main.dart 파일의 기본 예제 코드 수정하기
__[Do it!] 구글 지도 API 키 연동하기
__[Do it!] 여행 기록 앱 실행하기
__[Do it!] Hot Reload 기능 사용하기

_03-3 사진 메타데이터로 경로 시각화하기
__메타데이터란?
__[Do it!] 패키지 설치하고 사진 접근 권한 설정하기
__[Do it!] 에뮬레이터에 샘플 사진 넣기
__[Do it!] 지도 위 여행 경로 시각화하기

_03-4 타임라인 화면으로 여행 흐름 정리하기
__타임라인 화면이 필요한 이유
__[Do it!] 새로운 타임라인 화면 파일 만들기
__[Do it!] 타임라인 화면 연결하기

04장 대화를 데이터로 분석하는 카카오톡 대화 분석기 만들기

_04-1 파이썬 개발 환경 설정하기
__파이썬을 왜 사용하나요?
__이 절에서 사용할 파이썬 라이브러리
__가상 환경이란?
__[Do it!] 파이썬 설치하기
__[Do it!] 프로젝트 폴더 만들기
__[Do it!] 가상 환경 만들기
__[Do it!] 필요한 라이브러리 설치하기

_04-2 카카오톡 대화 분석기 만들기
__CSV 파일이란?
__[Do it!] 카카오톡 대화를 CSV 파일로 내보내기
__[Do it!] 카카오톡 대화 분석기의 기본 화면 만들기
__[Do it!] 참여자별 메시지 통계 기능 추가하기
__[Do it!] 시간대별 분석 기능 추가하기
__[Do it!] 자주 쓰는 단어 분석 기능 추가하기
__[Do it!] 답장 속도 분석 기능 추가하기

_04-3 스트림릿으로 화면 꾸미기
__[Do it!] 탭으로 메뉴 구분하기
__[Do it!] 사이드바 추가하기
__[Do it!] 대시보드 스타일로 꾸미기

_04-4 스트림릿 커뮤니티 클라우드로 배포하기
__스트림릿 커뮤니티 클라우드란?
__[Do it!] 깃허브에 코드 파일 업로드하기
__[Do it!] 스트림릿 커뮤니티 클라우드로 웹 앱 배포하기
__[Do it!] 배포 후 정상 작동 테스트하기
__[Do it!] 코드 수정 후 재배포하기

05장 상승 추세를 찾는 주식 데이터 분석기 만들기

_05-1 실시간 주식 데이터 가져오기
__yfiance란?
__[Do it!] 프로젝트 폴더 만들기
__[Do it!] 라이브러리 설치하기
__[Do it!] 첫 번째 주식 데이터 가져오기
__[Do it!] 스트림릿으로 주식 데이터 분석기의 기본 구조 만들기

_05-2 기술적 분석 차트로 주가 흐름 시각화하기
__기술적 분석 도구란?
__[Do it!] 주가 선 차트 만들기
__[Do it!] 캔들스틱 차트 추가하기
__[Do it!] 거래량 차트 추가하기
__[Do it!] 이동평균선 추가하기

_05-3 주식 데이터 분석 기능 추가하고 배포하기
__[Do it!] 여러 종목 비교 기능 추가하기
__[Do it!] 수익률 계산기 기능 추가하기
__[Do it!] AI에게 깃허브 업로드 요청하기
__[Do it!] 스트림릿 커뮤니티 클라우드로 배포하기

06장 매일 자동으로 크롤링하는 논문 요약 대시보드 만들기

_06-1 크롤링의 기초와 파이프라인 설계하기
__크롤링이란?
__[Do it!] 아카이브 웹 사이트의 robots.txt 확인하기
__[Do it!] 네이버 뉴스 웹 사이트의 robots.txt 확인하기
__합법적인 크롤링의 6가지 원칙
__파이썬 딕셔너리 구조로 저장하기
__ 크롤링 전략 세우기

_06-2 아카이브 웹 사이트 분석하기
__아카이브 웹 사이트란?
__아카이브 웹 사이트의 URL 구조 이해하기
__PDF 다운로드 링크로 자동 변환하기
__웹 브라우저 개발자 도구로 HTML 구조 파악하기
__[Do it!] 논문 초록 페이지 구조 분석하기
__[Do it!] 논문 목록 페이지 분석하기

_06-3 뷰티풀숩으로 최신 논문 크롤러 만들기
__크롤링에 필요한 라이브러리
__[Do it!] 프로젝트 폴더 만들고 라이브러리 설치하기
__[Do it!] 카테고리 목록 페이지에서 아카이브 ID 수집하기 ― 크롤링 전략 1단계
__[Do it!] 상세 페이지에서 논문 제목 추출하기 ― 크롤링 전략 2단계
__[Do it!] 중복 체크 기능 추가하기 ― 크롤링 전략 3단계
__[Do it!] 안전 장치 추가하기
__[Do it!] 최신 AI 논문 수집하기

_06-4 제미나이로 수집한 논문 요약하기
__논문 요약 구조 설정하기
__[Do it!] 제미나이 API 키 준비하기
__[Do it!] 논문 요약하는 함수 만들기
__[Do it!] 여러 논문 한 번에 요약하기

_06-5 최신 논문 AI 요약 대시보드 만들고 배포하기
__[Do it!] 스트림릿으로 논문 요약 대시보드 만들기
__[Do it!] 깃허브 저장소에 코드 파일 업로드하기
__[Do it!] 스트림릿 커뮤니티 클라우드로 배포하기

찾아보기

저자 : 허주희
시스템공학과 컴퓨터공학을 전공하며 AI와 소프트웨어 개발을 연구했다. 대학 재학 중 생성형 AI 서비스를 직접 개발하고, 바이브 코딩을 활용해 아이디어를 실제 서비스로 구현했다. 커서를 활용해 AI 만화 생성 서비스를 개발했으며, 5,000명 이상의 수강생과 3억 회 이상의 콘텐츠 조회수, 200건 이상의 광고·비즈니스 계약, 6억 원 이상의 누적 매출을 달성했다. 또한 청년창업사관학교 선정과 프라이머(Primer)의 투자를 유치하며 생성형 AI에 기반한 서비스의 개발부터 사업화까지 전 과정을 경험했다.

현재 AI 크리에이터 IP 인큐베이터 ‘만화제면소’를 창업해 생성형 AI에 기반한 콘텐츠 제작과 크리에이터 성장을 지원하고 있다. 또한 생성형 AI, 바이브 코딩, AI 창업을 주제로 강연과 교육에 열정을 다하고 있다. 누구나 AI를 활용해 아이디어를 서비스로 만들고 창업에 도전할 수 있도록 돕는 것을 목표로 한다.

바이브 코딩, 개발이 처음이어도 시작할 수 있나요?

‘코딩을 몰라도 AI가 다 만들어 준다’는 이야기는 많이 들었지만, 막상 시작하려면 무엇부터 해야 할지 막막한 경우가 많습니다. 개발 환경은 어떻게 준비하는지, AI에게 무엇을 요청해야 하는지, 결과물을 어떻게 완성해야 하는지 알기 어렵기 때문입니다.

〈Do it! 바이브 코딩 + 커서 AI〉는 개발 환경 설정부터 시작해 커서 AI와 기능을 구현하고, 테스트와 오류 수정, 배포까지 실제 프로젝트를 진행하는 과정을 차근차근 안내합니다. AI에게 코드를 맡기기만 하는 것이 아니라, 결과를 확인하고 수정하며 원하는 방향으로 발전시키는 과정을 통해 AI와 협업하는 개발 방식을 자연스럽게 익힐 수 있습니다.

커서 AI만으로도 서비스를 제대로 만들 수 있나요?

중요한 것은 AI가 작성한 코드를 그대로 사용하는 것이 아니라, 결과를 확인하고 수정하며 하나의 서비스를 완성하는 과정입니다. 이 책에서는 다음 5가지 프로젝트를 직접 만들며 다양한 개발 분야를 경험합니다.

〈이 책에서 만드는 5가지 실전 프로젝트〉

· 자산 관리 챗봇을 탑재한 가계부 웹 사이트
· 지도 기반 여행 아카이브 플러터 앱
· SNS 대화 패턴 분석 대시보드
· 실시간 주식 차트 분석 서비스
· 최신 논문 AI 요약 서비스

다른 책과 어떤 점이 다른가요?

이 책은 단순히 커서 AI의 기능이나 사용법을 소개하는 데 그치지 않습니다. 웹, 앱, 데이터 분석, AI 자동화까지 다양한 분야의 프로젝트를 직접 구현하며 Next.js, 플러터, 파이썬, 수파베이스, 스트림릿 등 다양한 기술 스택을 특정 언어나 프레임워크에 국한하지 않고 AI와 협업하는 방식을 폭넓게 경험할 수 있습니다. 완성한 프로젝트는 버셀과 스트림릿 커뮤니티 클라우드로 직접 배포해 실제 사용할 수 있는 서비스로 완성해 봅니다.

또한 〈알아 두면 좋아요〉 코너에서는 실습에 필요한 핵심 개념과 배경지식을 쉽게 설명하고, 〈한 걸음 더!〉 코너에서는 프로젝트를 확장하는 아이디어와 실전 활용법을 제공합니다. 단순히 예제를 따라 만드는 데 그치지 않고 자신만의 서비스로 응용해 볼 수 있도록 구성했습니다.

바이브 코딩+커서 AI, 어떤 사람에게 적합할까요?

· 머릿속 아이디어를 실제 서비스로 만들어 보고 싶은 기획자와 마케터
· 혼자서도 직접 프로토타입을 만들고 싶은 PM
· AI와 함께 포트폴리오 프로젝트를 완성하고 싶은 대학생과 취업 준비생
· MVP를 빠르게 만들어 검증하고 싶은 예비 또는 1인 창업가

완독을 돕는 특별한 학습 지원!

혼자 계획을 세우고 공부하다 보면 금방 지치기 마련입니다. ‘Do it! 스터디룸’의 공부단에 접속해서 이 책 완독에 도전해 보세요. 함께 공부하는 사람들도 만나고, 공부한 내용을 올려 공유하고 인증하면 이지스퍼블리싱에서 출간한 책 선물도 받을 수 있습니다. 어려운 내용이 있다면 ‘Do it! 스터디룸’ 게시판에 질문을 남겨 보세요. 전문가와 저자가 명쾌하게 답해 드립니다.

· Do it! 스터디룸: cafe.naver.com/doitstudyroom
커서에 관해 더 자세히 알고 싶거나 업데이트 소식이 궁금하다면 저자가 운영하는 오픈채팅방에 참여해 보세요. 질문을 남기면 답변도 받을 수 있습니다.
· 카카오톡 오픈채팅방: https://open.kakao.com/o/snVlgwVb

프롬프트 파일과 결과 코드는 어디서 내려받을 수 있나요?

이 책에서 사용하는 프롬프트 파일과 결과 코드는 이지스퍼블리싱 홈페이지나 저자 깃허브에서 내려받을 수 있습니다. 본문을 따라 해보고 내려 받은 결과 코드와 비교해 보면서 학습 효과를 빠르게 거둘 수 있습니다.