이미 소장하고 있다면 판매해 보세요.
- 국내배송만 가능
- 문화비소득공제 가능
이 상품의 태그
상세 이미지
책소개
관련 동영상
목차
|
CHAPTER 01. 커서 AI 알아보기
1.1 실습 환경 설정 _1.1.1 커서 AI란? _1.1.2 커서 AI 설치하기 _1.1.3 Node.js 설치하기 1.2 커서 AI와 작업 환경 익히기 _1.2.1 커서와 첫 대화 나누기 _1.2.2 확장 프로그램 설치하기 [더 알아보기] 커서 AI 확장하기 CHAPTER 02. 나만의 웹페이지 만들기 2.1 My Vibe 웹페이지 구현하기 _2.1.1 프로젝트 미리보기 _2.1.2 HTML 뼈대 만들기 _2.1.3 CSS 디자인 수정하기 _2.1.4 자바스크립트 기능 구현하기 _2.1.5 다양한 기능 추가하기 2.2 웹페이지 배포하기 _2.2.1 Netlify로 쉽게 배포하기 _2.2.2 URL 이름 변경하기 CHAPTER 03. 오늘의 운세 서비스 배포하기 3.1 AI 운세 앱의 뼈대 만들기 _3.1.1 프로젝트 미리보기 _3.1.2 제미나이 API 불러오기 _3.1.3 프로젝트 뼈대 만들기 _3.1.4 디자인 수정하기 3.2 운세 서비스 기능 구현하기 _3.2.1 상태와 로직 연결하기 _3.2.2 제미나이 API 연결하기 _3.2.3 서식 개선하고 공유 기능 추가하기 3.3 웹 앱 배포하기 3.3.1 자동 배포를 위한 깃과 깃허브 설정하기 _3.3.2 Netlify에서 GitHub 저장소 연동하기 CHAPTER 04. 나만의 할 일 관리 앱 4.1 프로젝트 미리보기 _4.1.1 Vibe Todo 앱 소개하기 _4.1.2 AI에게 작업 규칙 미리 정해 주기 4.2 Vibe Todo 앱 구현하기 _4.2.1 Agent 모드로 기본 Todo 앱 만들기 _4.2.2 데이터 유지하기 4.3 배포하고 커스터마이징하기 _4.3.1 PWA란? _4.3.2 PWA 설정하기 _4.3.3 배포하기 _4.3.4 Quick Edit 기능으로 빠르게 수정하기 CHAPTER 05. 밸런스 게임 커뮤니티 만들기 5.1 Vibe Choice 프로젝트 준비하기 _5.1.1 Vibe Choice 서비스 미리보기 _5.1.2 프로젝트 생성 및 기본 구조 설정 5.2 화면 구성하기 _5.2.1 Tailwind CSS _5.2.2 메인 피드 화면 만들기 5.3 데이터베이스 연결하기 _5.3.1 Supabase 프로젝트 생성 _5.3.2 Vibe Choice에 데이터베이스 연결하기 _5.3.3 데이터베이스에 Google 로그인 정보 연동하기 _5.3.4 데이터베이스에 게임 정보 연동하기 5.4 기능 구현하기 _5.4.1 Google 로그인 구현 _5.4.2 게임 생성 기능 구현 _5.4.3 댓글 기능 구현하고 마무리하기 5.5 웹 앱 배포하기 _5.5.1 깃허브 업로드 _5.5.2 배포하기 _5.5.3 검색 최적화하기 CHAPTER 06. AI 그림일기 앱 구현하기 6.1 그림일기 프로젝트 시작하기 _6.1.1 그림일기 앱 소개 _6.1.2 모바일 앱 개발에 필요한 도구 _6.1.3 프로젝트 구조 설계하기 _6.1.4 Expo Go 앱 설치하기 6.2 UI 레이아웃 만들기 _6.2.1 홈 화면 만들기 _6.2.2 일기 작성 화면 만들기 _6.2.3 UI 마무리하기 _6.2.4 갤러리 화면 만들기 6.3 Firebase 기반 백엔드 설정하기 _6.3.1 Firebase 연결 설정하기 _6.3.2 Firebase와 AI 협업 환경 구성하기 6.4 AI로 그림일기 생성하기 _6.4.1 제미나이 API로 만화 시나리오 생성하기 _6.4.2 네 컷 만화 완성하기 CHAPTER 07. 그림일기 앱 출시하기 7.1 Google 로그인 연동하고, 모바일에서 검증하기 _7.1.1 Firebase Authentication 설정하기 _7.1.2 iOS 앱 배포를 위한 설정 _7.1.3 iOS 앱 검증하기 7.2 iOS 앱 배포하기 _7.2.1 App Store Connect 설정하기 _7.2.2 TestFlight에서 내부 테스트 7.3 앱스토어 심사 통과하기 _7.3.1 앱 아이콘 등록하기 _7.3.2 심사 제출하기 _7.3.3 자주 발생하는 반려 사례와 대응 방법 7.4 초기 사용자 확보 전략 _7.4.1 첫 100명의 사용자 찾기 _7.4.2 커뮤니티와 SNS 활용하기 7.5 서비스 운영과 성장 _7.5.1 GA4로 사용자 행동 분석하기 _7.5.2 데이터를 기반으로 개선하기 _7.5.3 운영과 성장의 반복 |
저자 소개 1
카네기멜런대학교(CMU) 로봇공학연구소 AI 연구원. 동국대학교에서 컴퓨터공학을 전공하고, 어머니를 위한 버스 알림 앱으로 SBS·JTBC·조선일보에 소개되었으며, 인천국제공항 혼잡도 트래커, 앱 스토어 카메라 부문 1위를 달성한 포토부스 플랫폼 나만의 네 컷(MY4CUT) 등 30개 이상의 앱을 만들며 기술로 세상의 불편함을 해결해왔다. 전국 IT 불균형 완화를 위해 카카오, 구름과 함께 67개 대학이 참여한 IT 연합 '구름톤유니브'를 창립했으며, 인스타그램(@dev_seochan)에서 2만 명 이상의 팔로워와 개발 여정을 나누고 있다.
서희찬의 다른 상품
관련 분류
품목정보
- 발행일
- 2026년 08월 23일
- 쪽수, 무게, 크기
- 308쪽 | 183*235*30mm
- ISBN13
- 9791175790858
출판사 리뷰
|
* 이 책에서 완성할 실제 서비스
[웹 서비스]_나만의 웹페이지 | 프로필과 주요 링크를 한곳에 모아 배포하기_오늘의 운세 | AI가 운세와 조언을 생성하는 대화형 웹 서비스 만들기_밸런스 게임 커뮤니티 | 로그인, 게임 생성, 투표, 댓글 기능을 갖춘 커뮤니티 구현하기 [모바일 앱 서비스]_할 일 관리 앱 | 스마트폰 홈 화면에 설치해 사용하는 Todo 앱 만들기_AI 그림일기 앱 | 일기를 네 컷 만화로 바꾸는 앱을 만들고 앱스토어에 출시하기 * 아이디어를 코드로, 코드를 실제 서비스로 바꾸는 가장 현실적인 바이브 코딩 입문서 * 첫 화면을 만드는 법부터 첫 사용자를 만나는 법까지 이 책의 저자는 인천국제공항 혼잡도 트래커와 포토부스 플랫폼 앱 등 30개 이상의 웹·앱 서비스를 직접 만들어 왔다. 그중 ‘진동 버스’ 앱은 뉴스와 SNS에 소개되며 화제가 되었고 또 ‘나만의 네컷’은 앱 스토어 카메라 부문 1위를 기록하기도 했다. 이 책에는 단순히 AI로 코드를 생성하는 방법만 다루지는 않는다. 일상에서 해결할 문제를 발견하고, 필요한 기능을 정리하고, 서비스를 개발해 사용자에게 공개한 뒤 반응을 확인하며 개선해 온 저자의 실전 경험이 녹아 있다. 무엇을 만들지 정하고, AI에게 작업을 나누어 요청하고, 결과를 확인하며 완성도를 높이는 바이브 코딩의 실제 흐름을 프로젝트를 통해 익힐 수 있다. * 이 책의 특징 첫째, 첫 웹페이지부터 모바일 앱까지 단계적으로 확장되는 다섯 개 프로젝트를 완성한다. 개인 소개 페이지, AI 운세 서비스, 할 일 관리 앱, 밸런스 게임 커뮤니티, AI 그림일기를 완성하며 정적 웹페이지부터 AI API, 데이터베이스, 인증, 모바일 앱 개발까지 자연스럽게 경험할 수 있다. 둘째, 구현에서 배포와 출시까지 서비스 개발의 전체 과정을 다룬다. Netlify와 GitHub를 활용한 웹 배포와 자동 배포, PWA 설치, Supabase와 Firebase 연동, Expo와 EAS 기반 모바일 앱 빌드, TestFlight 테스트와 앱스토어 심사 제출까지 이어진다. 셋째, 출시 이후의 운영과 성장까지 안내한다. 첫 100명의 사용자를 찾는 방법, 커뮤니티와 SNS 활용, GA4를 통한 사용자 행동 분석, 데이터를 바탕으로 서비스를 개선하는 흐름을 익힐 수 있다. * 이런 분께 추천해요 _코딩을 처음 시작하지만 웹이나 앱을 직접 만들어 보고 싶은 비전공자_개발자 없이 아이디어를 MVP로 구현하고 싶은 기획자, 1인 창업가, 솔로프리너_웹 개발뿐 아니라 React Native와 Firebase를 활용한 모바일 앱 개발까지 경험하고 싶은 학습자_서비스를 만들고도 출시와 초기 사용자 확보, 데이터 분석 단계에서 막혔던 개발자와 메이커 |
사락 별점0
혜택 및 유의사항밑줄0
혜택 및 유의사항
24,300원
총 1개
24,300원
