바로바로 바이브 코딩 with 커서 AI
바로 배우고 바로 써먹는 AI 코딩 입문서
커서 설치부터 터미널, 문서·프레젠테이션 자동화, HTML·CSS·자바스크립트까지 실제 화면과 예제로 따라 하는 바이브 코딩 입문서입니다. 책의 앞부분(1~4장, 전체의 약 33%)을 무료로 공개합니다.
- 지은이
- 박현규
- 공개
- 2026년 9월 24일
- 분량
- 35절
목차
01장 바이브 코딩 시작하기
01.1 바이브 코딩을 하기 전에 꼭 알아두면 좋은 지식3절
01.2 커서 회원 가입, 구독, 구독 해지까지3절
01.3 커서 설치하고 인터페이스 살펴보기4절
01.4 바이브 코딩 시작하기3절
02장 터미널과 친해지기
02.1 터미널이 뭐지?2절
02.2 터미널 사용해보기2절
03장 커서로 문서, 프레젠테이션, 학습 자료 만들어보기
03.2 커서로 시각화 문서 작업해보기3절
04장 바이브 코딩의 핵심, 웹 기술
04.1 웹 기술의 기초, HTML, CSS, 자바스크립트 알아보기6절
04.2 웹 기술로 다양한 웹사이트 만들어보기2절
책에서 이어지는 내용
책 앞부분(1~4장, 1~139쪽, 전체 416쪽의 약 33%)을 무료로 공개합니다. 장마다 있는 총정리 퀴즈는 책에서 풀어보세요.
05장 바이브 코딩과 함께 프런트엔드 기술의 세계로
- 05.1 프런트엔드란 무엇일까? (바로 17 리액트로 클리커 게임 만들어보기)
- 05.2 Next.js로 바이브 코딩해보기 (바로 18~21: 간단한 웹사이트, 인스타그램 비슷한 사이트, 뽀모도로 타이머, 메모 앱)
06장 바이브 코딩과 함께 디자인 기술 사용해보기
- 06.1 라이브러리와 프레임워크 알아보기
- 06.2 디자인 도구로 아름다운 앱 만들어보기 (바로 22~24: 메모 앱 디자인, v0, Tweakcn)
07장 에이전트를 보완하는 기술 알아보기
- 07.1 에이전트에게 지침 미리 내려두기 AGENTS.md (바로 25)
- 07.2 에이전트가 알아서 꺼내 쓰는 스킬 (바로 26~27)
- 07.3 특정 작업을 사용하기, 서브에이전트 (바로 28)
08장 내가 만든 웹 서비스를 세상에 배포해보기
- 08.1 배포? 서비스? 그게 뭐죠?
- 08.2 내가 만든 사이트 배포해보기 (바로 29~31: 깃허브 페이지, 버셀)
09장 데이터베이스로 웹사이트 주요 기능 구현하기
- 09.1 데이터베이스 이해하고 사용해보기
- 09.2 수파베이스로 데이터베이스 배포하기
- 09.3 구글 로그인 도입하기
- 09.4 버셀로 서비스 런칭하기 (바로 32~39)
10장 크롤링 프로그램 만들기
- 10.1 크롤링의 기초 공부하기
- 10.2 다양한 방법으로 크롤링해보기 (바로 40~45: 금 시세, 통계·시각화, 해외 주식, 알리 익스프레스)
11장 제대로 바이브 코딩하는 법 배워보기
- 11.1 에이전트가 다 만들어주는 시대, 진짜 필요한 지식은? (입력·처리·출력, 깃, 클린 아키텍처)
- 11.2 프로그램 만들면서 배운 내용 적용해보기 (바로 46~48)
12장 내 프로그램을 더 풍부하게, API 사용해보기
- 12.1 API의 개념 알아보기 (바로 49 미술관 사이트)
- 12.2 내 프로그램에 API 적용해보기 (바로 50~51: 주식 대시보드, 식당 추천)