지은이의 글
추천의 글
이 책의 구성
PART 00 코딩으로 진짜 쎈 인생 만들기
CHAPTER 01 코딩으로 시작된 인생의 전환점
CHAPTER 02 개발자로 성장한 나의 여정
CHAPTER 03 13년 만에 다시 시작한 코딩, 그리고 깨달음
PART 01 바이브 코딩으로 몰입하기
CHAPTER 01 새로운 코딩 방식, 바이브 코딩 알아보기
_몰입으로 배우는 바이브 코딩
_몰입 학습이 효과적인 이유
CHAPTER 02 바이브 코딩 세 가지 핵심 원칙 이해하기
_원칙 1: 이해보다 반복하라
_원칙 2: 모르면 AI에 물어보라
_원칙 3: 만들어야 남는다
CHAPTER 03 코딩을 막는 세 가지 착각에서 벗어나기
_착각 1: 기초부터 완벽하게 배워야 한다
_착각 2: 외워야만 쓸 수 있다
_착각 3: 내가 만든 건 쓸모없다
CHAPTER 04 몰입을 위한 최소 준비 원칙 이해하기
_환경 설정을 최소화하는 이유
_사용 도구를 최소화하는 이유
[진짜 쎈 코멘터리] 나를 변화시킨 코딩 학습의 선순환
PART 02 인스타그램 클론 코딩하기
CHAPTER 01 인스타그램 클론 만들 준비하기
_우리가 경험할 개발 프로세스 알아보기
_우리가 사용할 AI 알아보기
CHAPTER 02 인스타그램 분석하기
_인스타그램에 접속하기
_화면을 분해하는 개발자의 시선 알아보기
_화면을 구조화해서 살펴보기
_개발 요청서와 명세서 알아보기
_낯선 웹 개발 용어 훑어보기
CHAPTER 03 필수 프로그램 설치하기
_파이썬 설치하기
_Node.js 설치하기
_커서 AI 설치 및 실행하기
_커서 AI 화면 구성 이해하기
CHAPTER 04 인스타그램 클론 작업 공간 및 개발 명세서 만들기
_새 폴더 만들기
_커서 AI에서 폴더 열기
_AI를 활용해 개발 명세서 작성하기
_프로젝트 개발 가이드 확인하기
_지금까지 한 작업 되돌아보기
CHAPTER 05 인스타그램 클론 디자인 구축하기
_AI에 인스타그램 클론 개발 요청하기
_실행 방법 간소화하기
_인스타그램 클론 실행 확인하기
_개발자 도구를 활용해 AI와 함께 오류 해결하기
_랜딩 페이지 설정하기
_인스타그램 클론 한국어화 요청하기
CHAPTER 06 효율적 개발을 위한 디자인 최적화하기
_테스트 아이디 생성하기
_피드 페이지 디자인 검수하기
_채팅 페이지 디자인 검수하기
_글쓰기 페이지 디자인 검수하기
_탐색 페이지 디자인 검수하기
_알림 페이지 디자인 검수하기
_프로필 메뉴 및 페이지 디자인 검수하기
_로그인 및 회원가입 페이지 디자인 검수하기
CHAPTER 07 데이터베이스 구축하기
_SQLite 알아보기
_프론트엔드 기반 백엔드 요구 사항 최적화하기
_노션으로 개발 명세서 정리하고 공유하기
_AI에 데이터베이스 구축 요청하기
_새로운 AI에 데이터베이스 검증받기
_데이터베이스 마이그레이션하기
CHAPTER 08 실시간 데이터 연동으로 기능 구현하기
_API 명세서 검증 및 업데이트하기
_FastAPI 백엔드 전체 구현하기
_API 테스트 및 오류 수정하기
_프론트엔드와 백엔드 연동하기
[진짜 쎈 코멘터리] 아이디어가 곧 서비스가 되는 시대
PART 03 인스타그램 클론 통합 테스트하기
CHAPTER 01 통합 테스트 이해하기
CHAPTER 02 첫 화면 테스트하기
_개발자 도구로 숨은 오류 찾기
_아이콘, 버튼 및 스크롤 테스트하기
_메뉴 테스트하기
CHAPTER 03 관리자 페이지 테스트하기
_관리자 페이지 만들기
_관리자 페이지 접속하기
_회원 관리 기능 테스트하기
_게시물 관리 기능 테스트하기
CHAPTER 04 회원가입과 로그인 테스트하기
_회원가입 테스트하기
_로그아웃 및 로그인 테스트하기
CHAPTER 05 피드 페이지 테스트하기
_팔로우 추천 기능 테스트하기
_팔로우 기능 테스트하기
_댓글 기능 테스트하기
_글쓰기 기능 테스트하기
CHAPTER 06 프로필 페이지 및 실시간 채팅 기능 테스트하기
_프로필 페이지 테스트하기
_실시간 채팅 기능 테스트하기
_프로필 이미지 기능 테스트하기
CHAPTER 07 탐색 및 알림 페이지 테스트하기
_탐색 페이지 테스트하기
_알림 페이지 테스트하기
CHAPTER 08 설정 페이지 테스트하기
_프로필 편집 기능 테스트하기
_비밀번호 변경 기능 테스트하기
_나머지 기능 테스트하기
CHAPTER 09 모바일 환경 테스트하기
[진짜 쎈 코멘터리] AI와 함께 구조화부터 시작하는 방법
PART 04 인스타그램 클론 서비스 배포하기
CHAPTER 01 서비스를 배포해 봐야 하는 이유 이해하기
CHAPTER 02 호스팅 플랫폼의 종류와 특징 이해하기
_정적 사이트 호스팅 플랫폼 알아보기
_PaaS 플랫폼 알아보기
_클라우드 인프라 서비스 플랫폼 알아보기
_우리가 사용할 호스팅 플랫폼, AWS EC2 알아보기
CHAPTER 03 서버 설정 및 도메인 연결하기
_AWS 계정 만들기
_클라우드 속 나만의 가상 컴퓨터 만들기
_Termius로 가상 컴퓨터와 연결하기
_서버 개발 환경 구축하기
CHAPTER 04 도메인 연결 및 SSL 인증서 설치하기
_도메인 선택 및 구매하기
_DNS 설정 및 도메인 연결하기
_SSL 인증서 발급하기
_도메인 접속하기
CHAPTER 05 로컬 프로젝트를 깃으로 관리하기
_깃 알아보기
_깃 설치하기
_깃허브 가입 및 저장소 만들기
_로컬 프로젝트를 깃허브 저장소에 연결하기
_AI가 만들어 준 파일 살펴보기
CHAPTER 06 AI를 활용해 실제 운영 서버 구축하기
_서버에 프로젝트 폴더 생성하기
_서버에 AI 설치하기
_서버에서 깃 프로젝트 클론하기
_배포 서버 환경 구축하기
_도메인으로 접속해 보기
CHAPTER 07 완성된 인스타그램 클론 체험하기
_핵심 기능 테스트하기
_소셜 기능 테스트하기
_모바일 환경에서 테스트하기
[진짜 쎈 코멘터리] 배포가 끝났을 때, 비로소 보이는 것
PART 05 개발 환경 관리 통합 및 배포 자동화하기
CHAPTER 01 성공적인 개발을 위한 환경과 프로세스 이해하기
_개발 환경 관리 통합이 필요한 이유 알아보기
_올바른 개발 프로세스 구축하기
CHAPTER 02 서버 변경 사항을 깃허브 저장소와 동기화하기
_동기화가 필요한 이유 알아보기
_깃허브 저장소와 동기화 설정하기
CHAPTER 03 데이터베이스 마이그레이션 시스템 구축하기
_마이그레이션이 필요한 이유 알아보기
_Alembic 알아보기
_마이그레이션 시스템 구축하기
CHAPTER 04 자동 배포 시스템 구축하기
_AI에 로컬 깃 저장소 정리 요청하기
_깃허브 액션을 활용한 자동 배포 시스템 만들기
_자동 배포 테스트하기
[진짜 쎈 코멘터리] 서비스는 만들어진 후에도 계속 성장한다
PART 06 나만의 서비스 운영하기
CHAPTER 01 나만의 특별한 서비스 기획하기
_나만의 서비스 콘셉트 떠올리기
_콘셉트 아이디어 검증하기
CHAPTER 02 서비스 커스터마이징하기
_인스타그램 클론을 나만의 브랜드로 전환하기
_나만의 브랜드에 맞는 디자인을 AI에 요청하기
_로컬 환경에서 사이트 확인하기
_서버에 적용하기
CHAPTER 03 검색 엔진 최적화하기
_Open Graph 및 파비콘 알아보기
_챗GPT로 서비스 아이콘 만들기
_SEO 필수 요소 설정하기
_PWA 설정으로 사용자 경험 향상하기
CHAPTER 04 검색 엔진에 등록하기
_검색 엔진에 등록하는 이유 이해하기
_구글 검색 엔진에 등록하기
_네이버 검색 엔진에 등록하기
[진짜 쎈 코멘터리] 이제 다음 단계를 준비할 시간
APPENDIX 웹 서비스 흐름 이해하기
CHAPTER 01 흐름이 중요한 이유 알아보기
CHAPTER 02 웹의 흐름 이해하기
CHAPTER 03 프론트엔드와 백엔드 알아보기
CHAPTER 04 서버 알아보기
CHAPTER 05 데이터베이스 알아보기
CHAPTER 06 웹 서비스 전체 흐름 그려 보기
찾아보기