- 주문상품수량
- 개
- 예상적립금
P - 상품할인금
- 원
- 배송료
- 원
- 주문합계
- 원
네비게이션 실시간 인기 책
베스트
AI 자율학습 커서ⅹAI로 완성하는 나만의 웹 서비스 Cursor와 Gemini API로 기획부터 개발 배포까지 배우는 실무형 바이브 코딩
- 성구(강성규) 저
- 길벗
- 2025년 12월 10일
-
정가24,000원
-
판매가21,600원 [10% 할인]
-
결제 혜택무이자
카드할인/포인트결제 안내
제휴카드
반디앤루니스 롯데카드 결제금액 최대 25% 청구할인 (1만원 이상 결제건에 한해 월 2회, 건당 최대 1만원 할인) 반디앤루니스 우리V카드 결제금액 10% 청구할인 포인트결제
OK캐쉬백 포인트 최소 10원부터 전액 사용 or 1% 적립 현대카드 M포인트 결제금액의 최대 10% 사용 가능 신한카드 포인트 결제금액의 최대 10% 사용 가능(일부카드) 하나(구.외환) 포인트 보유 한도 내에서 100% 사용 가능 씨티카드 포인트 결제금액의 최대 50% 사용 가능 할인카드
NH농협 TAKE5카드 20% 청구할인(Edu Pack) 채움 플래티늄 멀티카드 20% 청구할인 모바일 Tmoney 신한카드 10% 청구할인 신한카드 Shopping 10% 청구할인 NH농협 체크카드 10% 청구할인 NH20 해봄 신용카드 10% 청구할인 씨티 클리어 카드 7% 청구할인 NH20 해봄 체크카드 5% 청구할인 NH농협 LADY다솜카드 5% 청구할인 신한카드 큐브 5% 청구할인 신한카드 큐브 PLATINUM# 5% 청구할인 
무이자 안내
-
적립금1,200원 적립 [5%P]
추가 적립금 안내
[2천원 추가 적립]
총 주문금액 5만원 이상 구매 시 2,000원 추가 적립
도서(eBook포함)만 구매 시 적립 대상에서 제외업채배송상품 포함(기프트, 업체배송 등) 5만원[멤버십 추가 적립]
슈퍼루니 : 3% 추가 적립
골드루니 : 2% 추가 적립
실버루니 : 1% 추가 적립
단, 국내도서, eBook만 구매 시 적립 불가
-
배송료무료배송
-
출고예정일
출고예정일 안내
※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
2025년 12월 19일(금)※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
당일배송 가능지역 검색
“도로명주소”를 쉽게 찾아보세요
1. 도로명으로 검색하기 (예, “직지길” or “직지길+322”)
2. 건물명으로 검색하기 (예, “반디앤루니스빌딩”)
3. 동(읍/면/리) 으로 검색 (예, “인사동” or “인사동+43”)
4. 도로명주소를 모르실 경우 도로명주소 안내시스템(http://www.juso.go.kr)에서 확인해주세요.
시/도
시/군/구
회원리뷰
ISBN: 9791140716869
284쪽
655g
183 x 235 (㎜)
지금 이책은
- 판매지수 : 0
- 주간 컴퓨터/IT: 73위
이 분야의 베스트셀러
-
처음 만나는 인공지능 [개정판]
김대수
26,000원
-
비전공자를 위한 이해할 수 있는 IT 지식
최원영
15,120원
-
컴퓨팅 사고 Level Up 소프트 파워 with 스크래치
김호다, 이지민, 정영철 외
20,700원
책 소개
이 책은
기획, UI 설계, DB 구성, API 구현, 프론트엔드 개발, AI 기능 적용, 배포까지 하나의 서비스를 처음부터 끝까지 따라 만들며 AI와 협업하는 새로운 개발 방식을 체계적으로 익히도록 구성했다. 단계별 실습과 풍부한 스크린샷을 통해 누구나 자신의 아이디어를 실제 서비스로 구현할 수 있으며, Gemini API를 사용해 Todo 생성, 텍스트 분석, 요약/분류 같은 기능도 손쉽게 적용할 수 있다.
출판사 리뷰
저자 소개
대기업과 스타트업을 거쳐 1인 기업으로 독립한 인디해커다. 하고 싶은 일이 많아 나만의 길을 개척하고 있으며, 개발·기획·교육의 경계를 넘나들며 다양한 프로덕트와 콘텐츠를 만들고 있다. '프로덕트로그', '인디로그', '북로그', '뽀모닥' 등 여러 웹/앱 서비스를 직접 기획·개발·운영하며 얻은 실전 경험을 바탕으로, AI 시대에 누구나 자신의 아이디어를 실현할 수 있음을 증명하고 있다.
웹사이트: https://seonggoos.com
도서 관련 커뮤니티:https://discord.gg/p8QPqWfb4T(디스코드)
목차
Part 1 AI 개발 준비와 연습 프로젝트
1장 AI와 함께 개발하기
1.1 AI 시대, 개발 패러다임의 변화
__1.1.1 AI 모델
__1.1.2 개발 특화 도구
__1.1.3 AI 도구 사용 시 주의사항
1.2 실습 프로젝트 개요
__1.2.1 학습 목표
__1.2.2 주요 기능
__1.2.3 사용 기술
__1.2.4 서비스 작동 구조
1.3 실습 프로젝트를 위한 기초 지식 빠르게 훑기
__1.3.1 웹을 구성하는 세 가지 기술
__1.3.2 클라이언트와 서버 그리고 프런트엔드와 백엔드
__1.3.3 API
__1.3.4 JSON
__1.3.5 웹 브라우저
__1.3.6 데이터베이스
__1.3.7 기타 용어
2장 개발 환경 설정하기
2.1 Node.js 설치하기
__2.1.1 Node.js란
__2.1.2 Node.js 설치
__2.1.3 npm 설치 확인
2.2 Git 설치하기
__2.2.1 Git이란
__2.2.2 Git 설치
__2.2.3 Git 기본 설정
3장 커서 설치 및 기본 사용법 익히기
3.1 커서란
__3.1.1 AI와 함께하는 새로운 개발 방식
__3.1.2 커서의 핵심 기능
3.2 커서 설치 및 기본 설정하기
__3.2.1 커서 설치
__3.2.2 기본 설정
3.3 커서 기본 사용법 익히기
__3.3.1 인터페이스 살펴보기
__3.3.2 AI와 함께 첫 프로젝트 실행하기
__3.3.3 컨텍스트 참조 활용하기
4장 프로젝트의 핵심 기술 스택 이해하기
4.1 Next.js - 웹 애플리케이션의 뼈대
__4.1.1 Next.js의 핵심 기능
__4.1.2 왜 Next.js인가
4.2 Tailwind CSS - 빠르고 일관된 스타일링
__4.2.1 Tailwind CSS의 주요 클래스
__4.2.2 왜 Tailwind CSS인가
4.3 Shadcn/ui - 완성도 높은 UI 컴포넌트
__4.3.1 Shadcn/ui 주요 컴포넌트
__4.3.2 왜 Shadcn/ui인가
4.4 Supabase - 데이터 저장과 인증 기능
__4.4.1 Supabase 핵심 기능
__4.4.2 왜 Supabase인가
4.5 AI SDK - 애플리케이션에 AI 기능 연결
__4.5.1 AI SDK 핵심 기능
__4.5.2 왜 AI SDK인가
__4.5.3 Gemini API 살펴보기
5장 연습 프로젝트: AI 감성 분석 웹 서비스 만들기
5.1 프로젝트 개요
__5.1.1 이 프로젝트에서 배우는 내용
__5.1.2 사용할 기술 스택
5.2 프로젝트 환경 설정하기
__5.2.1 프로젝트 폴더 생성하기
__5.2.2 Next.js 프로젝트 생성하기
__5.2.3 Shadcn/ui 설정 및 컴포넌트 추가하기
__5.2.4 AI SDK 설치하기
__5.2.5 프로젝트 폴더 구조 이해하기
__5.2.6 개발 서버 실행하고 결과 확인하기
5.3 감성 분석 화면 만들기
__5.3.1 감성 분석 화면 구성하기
__5.3.2 화면 구성 결과 확인하기
5.4 감성 분석 기능 구현하기
__5.4.1 Gemini API 연동하기
__5.4.2 감성 분석 기능 구현하기
__5.4.3 감성 분석 기능 확인하기
Part 2 실습 프로젝트: AI 할 일 관리 웹 서비스 만들기
6장 프로젝트 시작하기: 환경 설정 및 규칙 정의
6.1 프로젝트 개요
__6.1.1 프로젝트 정의와 핵심 기능
__6.1.2 실제 사용 시나리오
__6.1.3 프로젝트에서 배우는 내용
__6.1.4 프로젝트 진행 계획
6.2 프로젝트 환경 설정하기
__6.2.1 프로젝트 폴더 생성하기
__6.2.2 Next.js 프로젝트 생성하기
__6.2.3 Shadcn/ui 설정 및 컴포넌트 추가하기
__6.2.4 AI SDK 설치하기
__6.2.5 프로젝트 폴더 구조 살펴보기
__6.2.6 개발 서버 실행하고 결과 확인하기
6.3 프로젝트 규칙 설정하기
__6.3.1 규칙의 유형
__6.3.2 프로젝트 규칙의 구조와 작성 방식
__6.3.3 규칙 생성하기
7장 프로젝트 기획하기: PRD 작성
7.1 PRD 개요
__7.1.1 PRD 개념과 필요성
__7.1.2 프로젝트의 PRD 구성 요소
7.2 AI와 함께 PRD 작성하기
__7.2.1 PRD 작성 요청하기
__7.2.2 결과 검토하기
7.3 PRD와 커서 연동하기
__7.3.1 PRD 저장하기
__7.3.2 PRD 참조하기
8장 화면 구성하기: 디자인 시스템과 로그인/메인 페이지
8.1 디자인 시스템 이해와 활용하기
__8.1.1 브랜드 컬러 정의하기
__8.1.2 할 일 관리 컴포넌트 생성하기
8.2 로그인과 회원가입 화면 구성하기
__8.2.1 로그인 화면 구성하기
__8.2.2 회원가입 화면 구성하기
8.3 할 일 관리 메인 화면 구성하기
9장 백엔드 구축하기: 데이터베이스, 인증, CRUD
9.1 Supabase 프로젝트 생성
__9.1.1 Supabase 프로젝트 생성하기
__9.1.2 환경 변수 설정하기
__9.1.3 프로젝트에 Supabase 연결하기
9.2 데이터베이스 테이블 생성하기
__9.2.1 SQL 쿼리 생성하기
__9.2.2 SQL 실행하기
9.3 회원가입과 로그인/로그아웃 기능 구현하기
__9.3.1 회원가입 기능 구현하기
__9.3.2 로그인/로그아웃 기능 구현하기
__9.3.3 사용자 인증 상태 관리 기능 구현하기
9.4 할 일 관리 기능 구현하기
__9.4.1 코드 작성하기
__9.4.2 기능 확인하기
__9.4.3 기능 개선하기
10장 AI 기능 구현하기: 자연어 처리 및 분석
10.1 AI 할 일 생성 기능 구현하기
__10.1.1 자연어 입력을 구조화 데이터로 변환하기
__10.1.2 시스템 프롬프트 개선하기
__10.1.3 사용자 입력 검증하기
10.2 AI 요약 및 분석 기능 구현하기
__10.2.1 AI 분석 기능 구현하기
__10.2.2 분석 로직 최적화하기
__10.2.3 분석 결과 UI 개선하기
11장 서비스 배포하기: 실제 서비스 공개
11.1 배포 준비하기
__11.1.1 환경 변수 점검하기
__11.1.2 로컬 빌드 테스트하기
__11.1.3 기능 점검하기
__11.1.4 메타 태그 설정하기
__11.1.5 파비콘 추가하기
11.2 Github에 코드 업로드하기
__11.2.1 원격 저장소 생성하기
__11.2.2 원격 저장소 연결하기
__11.2.3 원격 저장소에 코드 업로드하기
11.3 Vercel로 자동 배포하기
__11.3.1 프로젝트 생성하기
__11.3.2 자동 배포 테스트하기
12장 프로젝트 마무리와 이후 학습
12.1 전체 과정 되돌아보기
__12.1.1 개발 과정의 변화
__12.1.2 AI 협업 능력 경험
__12.1.3 완성된 결과물
12.2 이후 학습 방향
__12.2.1 현재 서비스 개선하기
__12.2.2 새로운 프로젝트 도전하기
__12.2.3 기술 스택 확장하기
__12.2.4 실무 경험 쌓기
1장 AI와 함께 개발하기
1.1 AI 시대, 개발 패러다임의 변화
__1.1.1 AI 모델
__1.1.2 개발 특화 도구
__1.1.3 AI 도구 사용 시 주의사항
1.2 실습 프로젝트 개요
__1.2.1 학습 목표
__1.2.2 주요 기능
__1.2.3 사용 기술
__1.2.4 서비스 작동 구조
1.3 실습 프로젝트를 위한 기초 지식 빠르게 훑기
__1.3.1 웹을 구성하는 세 가지 기술
__1.3.2 클라이언트와 서버 그리고 프런트엔드와 백엔드
__1.3.3 API
__1.3.4 JSON
__1.3.5 웹 브라우저
__1.3.6 데이터베이스
__1.3.7 기타 용어
2장 개발 환경 설정하기
2.1 Node.js 설치하기
__2.1.1 Node.js란
__2.1.2 Node.js 설치
__2.1.3 npm 설치 확인
2.2 Git 설치하기
__2.2.1 Git이란
__2.2.2 Git 설치
__2.2.3 Git 기본 설정
3장 커서 설치 및 기본 사용법 익히기
3.1 커서란
__3.1.1 AI와 함께하는 새로운 개발 방식
__3.1.2 커서의 핵심 기능
3.2 커서 설치 및 기본 설정하기
__3.2.1 커서 설치
__3.2.2 기본 설정
3.3 커서 기본 사용법 익히기
__3.3.1 인터페이스 살펴보기
__3.3.2 AI와 함께 첫 프로젝트 실행하기
__3.3.3 컨텍스트 참조 활용하기
4장 프로젝트의 핵심 기술 스택 이해하기
4.1 Next.js - 웹 애플리케이션의 뼈대
__4.1.1 Next.js의 핵심 기능
__4.1.2 왜 Next.js인가
4.2 Tailwind CSS - 빠르고 일관된 스타일링
__4.2.1 Tailwind CSS의 주요 클래스
__4.2.2 왜 Tailwind CSS인가
4.3 Shadcn/ui - 완성도 높은 UI 컴포넌트
__4.3.1 Shadcn/ui 주요 컴포넌트
__4.3.2 왜 Shadcn/ui인가
4.4 Supabase - 데이터 저장과 인증 기능
__4.4.1 Supabase 핵심 기능
__4.4.2 왜 Supabase인가
4.5 AI SDK - 애플리케이션에 AI 기능 연결
__4.5.1 AI SDK 핵심 기능
__4.5.2 왜 AI SDK인가
__4.5.3 Gemini API 살펴보기
5장 연습 프로젝트: AI 감성 분석 웹 서비스 만들기
5.1 프로젝트 개요
__5.1.1 이 프로젝트에서 배우는 내용
__5.1.2 사용할 기술 스택
5.2 프로젝트 환경 설정하기
__5.2.1 프로젝트 폴더 생성하기
__5.2.2 Next.js 프로젝트 생성하기
__5.2.3 Shadcn/ui 설정 및 컴포넌트 추가하기
__5.2.4 AI SDK 설치하기
__5.2.5 프로젝트 폴더 구조 이해하기
__5.2.6 개발 서버 실행하고 결과 확인하기
5.3 감성 분석 화면 만들기
__5.3.1 감성 분석 화면 구성하기
__5.3.2 화면 구성 결과 확인하기
5.4 감성 분석 기능 구현하기
__5.4.1 Gemini API 연동하기
__5.4.2 감성 분석 기능 구현하기
__5.4.3 감성 분석 기능 확인하기
Part 2 실습 프로젝트: AI 할 일 관리 웹 서비스 만들기
6장 프로젝트 시작하기: 환경 설정 및 규칙 정의
6.1 프로젝트 개요
__6.1.1 프로젝트 정의와 핵심 기능
__6.1.2 실제 사용 시나리오
__6.1.3 프로젝트에서 배우는 내용
__6.1.4 프로젝트 진행 계획
6.2 프로젝트 환경 설정하기
__6.2.1 프로젝트 폴더 생성하기
__6.2.2 Next.js 프로젝트 생성하기
__6.2.3 Shadcn/ui 설정 및 컴포넌트 추가하기
__6.2.4 AI SDK 설치하기
__6.2.5 프로젝트 폴더 구조 살펴보기
__6.2.6 개발 서버 실행하고 결과 확인하기
6.3 프로젝트 규칙 설정하기
__6.3.1 규칙의 유형
__6.3.2 프로젝트 규칙의 구조와 작성 방식
__6.3.3 규칙 생성하기
7장 프로젝트 기획하기: PRD 작성
7.1 PRD 개요
__7.1.1 PRD 개념과 필요성
__7.1.2 프로젝트의 PRD 구성 요소
7.2 AI와 함께 PRD 작성하기
__7.2.1 PRD 작성 요청하기
__7.2.2 결과 검토하기
7.3 PRD와 커서 연동하기
__7.3.1 PRD 저장하기
__7.3.2 PRD 참조하기
8장 화면 구성하기: 디자인 시스템과 로그인/메인 페이지
8.1 디자인 시스템 이해와 활용하기
__8.1.1 브랜드 컬러 정의하기
__8.1.2 할 일 관리 컴포넌트 생성하기
8.2 로그인과 회원가입 화면 구성하기
__8.2.1 로그인 화면 구성하기
__8.2.2 회원가입 화면 구성하기
8.3 할 일 관리 메인 화면 구성하기
9장 백엔드 구축하기: 데이터베이스, 인증, CRUD
9.1 Supabase 프로젝트 생성
__9.1.1 Supabase 프로젝트 생성하기
__9.1.2 환경 변수 설정하기
__9.1.3 프로젝트에 Supabase 연결하기
9.2 데이터베이스 테이블 생성하기
__9.2.1 SQL 쿼리 생성하기
__9.2.2 SQL 실행하기
9.3 회원가입과 로그인/로그아웃 기능 구현하기
__9.3.1 회원가입 기능 구현하기
__9.3.2 로그인/로그아웃 기능 구현하기
__9.3.3 사용자 인증 상태 관리 기능 구현하기
9.4 할 일 관리 기능 구현하기
__9.4.1 코드 작성하기
__9.4.2 기능 확인하기
__9.4.3 기능 개선하기
10장 AI 기능 구현하기: 자연어 처리 및 분석
10.1 AI 할 일 생성 기능 구현하기
__10.1.1 자연어 입력을 구조화 데이터로 변환하기
__10.1.2 시스템 프롬프트 개선하기
__10.1.3 사용자 입력 검증하기
10.2 AI 요약 및 분석 기능 구현하기
__10.2.1 AI 분석 기능 구현하기
__10.2.2 분석 로직 최적화하기
__10.2.3 분석 결과 UI 개선하기
11장 서비스 배포하기: 실제 서비스 공개
11.1 배포 준비하기
__11.1.1 환경 변수 점검하기
__11.1.2 로컬 빌드 테스트하기
__11.1.3 기능 점검하기
__11.1.4 메타 태그 설정하기
__11.1.5 파비콘 추가하기
11.2 Github에 코드 업로드하기
__11.2.1 원격 저장소 생성하기
__11.2.2 원격 저장소 연결하기
__11.2.3 원격 저장소에 코드 업로드하기
11.3 Vercel로 자동 배포하기
__11.3.1 프로젝트 생성하기
__11.3.2 자동 배포 테스트하기
12장 프로젝트 마무리와 이후 학습
12.1 전체 과정 되돌아보기
__12.1.1 개발 과정의 변화
__12.1.2 AI 협업 능력 경험
__12.1.3 완성된 결과물
12.2 이후 학습 방향
__12.2.1 현재 서비스 개선하기
__12.2.2 새로운 프로젝트 도전하기
__12.2.3 기술 스택 확장하기
__12.2.4 실무 경험 쌓기
배송 시 유의사항
- 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
(배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)
- 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.
- 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.
- 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)
- 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.
반품/교환
상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)
반품/교환
-
반품/교환 반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판 반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능 반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음) 반품/교환 불가 사유 - 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
- 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
- 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
소비자 피해보상
환불지연에 따른 배상- 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨 - 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
소비자 보호에 관한 법률에 따라 처리함
반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
