문과도, 비개발 직군도, 비전공자도, 개발 지식이 없는 초보자도 완전 가능!
문제 정의부터 개발, 배포까지 한 권으로 끝내는 가장 쉬운 바이브 코딩 입문서
불과 몇 년 전만 해도 서비스를 만든다는 것은 전문 개발자들의 영역으로 여겨졌습니다. 아이디어가 있어도 코드를 몰라 포기했고, 문제를 발견해도 직접 해결할 방법이 없었습니다. 하지만 AI 코딩 도구가 등장하면서 상황이 달라졌습니다. 이제는 개발 경험이 없는 사람도 AI와 대화하며 서비스를 만들고, 배포하고, 실제로 사용해 볼 수 있는 시대가 되었습니다.
이 책은 서강대학교에서 진행한 8주 실습형 강의를 바탕으로 구성되었습니다. 초보자도 쉽게 사용할 수 있는 바이브 코딩 도구 커서(Cursor)를 활용해 실습을 진행하며, 문제를 발견하고 정의하는 방법부터 서비스 개발, AI 에이전트 제작, 배포까지 하나의 서비스를 만들어 가는 전 과정을 직접 따라 해 보며 배울 수 있도록 구성했습니다.
특히 이 책은 "무엇을 만들 것인가?"를 중요하게 다룹니다. 어렵고 복잡한 서비스가 아닌, 나의 일상 속 작은 불편을 발견하고, 이 불편한 문제를 해결하는 것부터 시작합니다. 소소하지만 초보자가 바이브 코딩의 감을 익히기에는 더할 나위 없이 좋은 주제죠. 좋은 서비스는 좋은 코드에서 시작되는 것이 아니라, 좋은 문제 정의에서 시작되기 때문입니다.
이 책의 저자들은 철학과 사학을 전공한 문과 출신으로, 현재 카카오모빌리티 사내 교육 프로그램을 기획하고 운영하고 있습니다. AI를 처음 접했던 시절의 막막함을 누구보다 잘 알고 있기에, 비전공자와 비개발자의 눈높이에서 바이브 코딩을 설명하고자 했습니다. 중요한 것은 완벽한 서비스를 만드는 것이 아닙니다. 내 문제를 발견하고, AI와 함께 해결책을 만들고, 실제로 작동하는 결과물을 세상에 내놓는 경험입니다.
이 책을 모두 읽고 나면 여러분은 단순히 AI를 사용하는 사람이 아니라, AI를 활용해 문제를 해결하는 사람이 되어 있을 것입니다. 그리고 그 경험은 앞으로 어떤 AI 도구가 등장하더라도 흔들리지 않는 가장 강력한 자산이 되어 줄 것입니다.
1장 :: 문제 정의, AI 시대에 필요한 사고
[01] 생성형 AI, 정말 세상을 바꾸는 도구일까?
[02] 좋은 프롬프트는 좋은 문제 정의에서 나온다
[03] 문제 발견 vs 문제 정의
[04] 문제 정의를 잘하는 방법이 있을까?
[05] 성공적인 문제 정의의 사례
[06] AI가 바꾼 서비스 개발의 워크플로우
[실습 01] AI로 문제 정의 쉽게 해 보기: 아마존의 ‘미래 보도자료 쓰기’ with AI
STEP ❶ 미래 보도자료 파악하기
STEP ❷ 문제를 러프하게 한 줄로 던져보기
STEP ❸ AI로 미래 보도자료 초안 작성하기
STEP ❹ AI가 쓴 보도자료 초안에서 문제의식 찾기
STEP ❺ 보도자료 초안에서 모호한 문장을 골라 파고들기
STEP ❻ 핵심 질문을 고르고 답변하기
STEP ❼ 진짜 해결해야 하는 문제를 한 문장으로 재정의하기
STEP ❽ 미래 보도자료 다시 작성하기
[우당탕탕 AI 실험 일지] 문과인데 회사에서 AI를 하랍니다
2장 :: AI로 서비스 개발하기
[01] 서비스 개발의 흐름 살펴보기
[02] 대표적인 AI 코딩 툴 살펴보기
[03] 빠르게 실습 준비하기
STEP ❶ 커서 설치하기
STEP ❷ 커서의 User rules 세팅하기
STEP ❸ 노드제이에스 설치하기
[실습 01] 투두 리스트 웹 서비스 만들기
STEP ❶ 투두 리스트 서비스 만들기
STEP ❷ 투두 리스트 디자인 바꾸기
STEP ❸ 투두 리스트 기능 개선하기
STEP ❹ 무엇을 개선해야 할지 모르겠다면? Ask 모드 활용하기
[실습 02] 냉장고 파먹기 웹 서비스 만들기
STEP ❶ API 키 발급하기
STEP ❷ 냉장고 파먹기 서비스 만들기
STEP ❸ 내 서비스에 꼭 맞는 API 찾기
[실습 03] 랜덤 추첨 크롬 익스텐션 만들기
STEP ❶ 팝업 형태의 랜덤 추첨기 익스텐션 만들기
STEP ❷ 익스텐션의 디자인과 기능을 개선하고 재등록하기
STEP ❸ 사이드 패널 형태의 랜덤 추첨기 익스텐션 만들기
[실습 04] 소비 데이터 분석 웹 서비스 만들기
STEP ❶ 파이썬 설치하기
STEP ❷ 스트림릿 설치하기
STEP ❸ 소비 데이터 분석 서비스 만들기
STEP ❹ Ask 모드로 추가 분석 아이디어 얻기
[04] 이 장을 나가며
[우당탕탕 AI 실험 일지] AI 트렌드 강의보다 더 반응이 좋았던 건?
3장 :: 나만의 AI 에이전트 만들기
[01] AI 에이전트란?
[02] 구글 AI 스튜디오에서 AI API 키 발급하기
[실습 01] AI 기반 면접 질문 도우미 만들기
STEP ❶ 커서에서 면접 질문 도우미 뼈대 만들기
STEP ❷ 환경변수에 제미나이 API 키 넣기
STEP ❸ 시스템 프롬프트 다듬기: 페르소나 설정하기
STEP ❹ 출력 형식 고정하기: JSON 스키마
STEP ❺ 결과물 확인하고 다듬기
[실습 02] AI 기반 대화 분석 웹 서비스 만들기
STEP ❶ 커서에서 대화 분석 웹 서비스 뼈대 만들기
STEP ❷ 시스템 프롬프트로 ‘분석가’ 페르소나 부여하기
STEP ❸ 프라이버시 안내를 추가하고 결과 다듬기
[실습 03] AI 기반 리뷰 생성 크롬 익스텐션 만들기
STEP ❶ 커서로 크롬 익스텐션 뼈대 만들기
STEP ❷ 크롬 익스텐션을 로드하고 제미나이 API 키 넣기
STEP ❸ 시스템 프롬프트로 ‘리뷰어’ 페르소나 부여하기
STEP ❹ 결과물 확인하고 다듬기
[실습 04] AI 기반 콘텐츠 제작 멀티 에이전트 만들기
STEP ❶ 멀티 에이전트 파이프라인 뼈대 만들기
STEP ❷ 4가지 에이전트의 시스템 프롬프트 정의하기
STEP ❸ 진행 상태 UI 다듬기
STEP ❹ 결과물 확인하고 디버깅하기
STEP ❺ 한 걸음 더! 에이전트 추가 및 교체하기
[실습 05] AI 기반 주식 분석 에이전트 만들기
STEP ❶ 단일 에이전트 ‘종목 분석가’로 시작하기
STEP ❷ ‘뉴스 분석가’와 ‘거시 분석가’ 에이전트 더하기
STEP ❸ 오늘의 데일리 모드 추가하기
[03] AI 에이전트의 공식, 정보+역할
[우당탕탕 AI 실험 일지] 회사에서 해커톤을 한다고요?
4장 :: 내 서비스 배포하기
[01] 내 서비스를 세상에 공개할 수 있을까?
[02] 배포를 위한 준비, 깃허브와 버셀 세팅하기
STEP ❶ 깃허브 가입하기
STEP ❷ 깃허브 개인용 액세스 토큰(PAT) 발급받기
STEP ❸ 버셀 가입하기
[실습 01] 간단한 웹 서비스 배포하기
STEP ❶ 깃허브에 코드 업로드하기
STEP ❷ 버셀로 배포하고 URL 만들기
STEP ❸ 내 서비스에 API를 붙일 때 주의할 점
[03] 서비스에 저장 기능을 붙이면 달라지는 것
[실습 02] 저장되는 웹 서비스 배포하기
STEP ❶ 수파베이스 가입하기
STEP ❷ 커서에 수파베이스와 버셀 플러그인 설치하기
STEP ❸ 로그인과 즐겨찾기 기능 추가하기
[우당탕탕 AI 실험 일지] 누구나 개발할 수 있도록, 바이브 코딩 워크숍 진행기
ㆍ지은이 성하준
ㆍ지은이 이슬기
저작권 안내
연관 프로그램
독자의견 남기기