바이브 코딩이 처음이라면, 여기부터.
만들고 싶은 것을 AI에게 설명하고, 생성된 파일을 직접 열어 결과를 확인하는 과정입니다.
개념을 이해하고 도구 하나를 준비한 다음, 첫 HTML 페이지를 만들고 수정해봅니다.
코딩을 몰라도, 확인하는 방법부터 배울 수 있어요.
AI의 완료 안내만 믿지 않고 내가 요청한 결과가 나왔는지 확인합니다. 처음에는 로그인·결제·외부 공개 없이 파일 하나로 시작해요.
설치 버튼을 누르기 전에
컴퓨터·계정·입력할 창·저장할 폴더부터 확인해요. 터미널 글은 Claude Code CLI를 선택할 때 먼저 읽으면 됩니다.
- 01설치 전 01. 내 컴퓨터와 계정부터 확인하기7분 ↗
Mac인지 Windows인지, 칩과 운영체제 버전은 무엇인지 확인하고 내게 맞는 설치 파일을 고릅니다.
- 02설치 전 02. 계정·구독·API 비용 구분하기7분 ↗
프로그램 설치와 AI 사용 권한은 다릅니다. 계정, 구독, API 결제를 구분하고 불필요한 결제를 피합니다.
- 03터미널 처음 열기: 입력할 곳부터 구분하기9분 ↗
Mac 터미널과 Windows PowerShell을 열고, 명령어를 한 줄씩 실행하며 현재 위치를 확인합니다.
- 04내 첫 작업 폴더 만들고 정확하게 열기8분 ↗
홈 폴더 안에 실습 전용 폴더를 만들고, 파일 탐색기와 AI 도구에서 같은 위치를 여는 방법입니다.
한 번에 하나만 준비해요.
모두 설치할 필요 없어요. 편한 도구 하나로 시작하고, 같은 실습 폴더를 동시에 수정하지 마세요.
Claude Code
Mac과 Windows를 구분해 설치하고 로그인해요. 터미널을 처음 쓰는 단계부터 안내합니다.
Codex
공식 앱 안내에서 설치 경로를 찾고 계정 로그인과 로컬 작업을 준비해요.
Antigravity
App과 IDE를 구분하고 Google 로그인부터 첫 폴더까지 준비해요.
Cursor
설치·로그인 후 Agent에게 질문하고 변경 내용을 확인해요.
VS Code
설치와 한국어 설정을 마치고 Claude Code 또는 Codex 확장 하나를 골라요.
첫 성공은, 파일 하나면 충분해요.
승인 요청을 읽고, 첫 HTML 파일을 열고, 다음 날 같은 폴더로 돌아와요.
- 01처음 뜨는 권한 요청, 무엇을 허용해야 하나요?7분 ↗
파일 읽기·수정·명령 실행·외부 접속을 구분하고 요청의 대상과 범위를 확인하는 연습입니다.
- 02설치 다음 첫 성공: HTML 파일 하나 열어보기10분 ↗
로그인·설정이 끝났다면 서버와 데이터베이스 없이 파일 하나를 만들고 브라우저에서 직접 확인합니다.
- 03끄면 사라지나요? 종료하고 다음 날 이어 하기7분 ↗
대화·파일·실행 서버를 구분하고 같은 폴더를 다시 여는 습관을 익힙니다.
첫 페이지를 만들었다면 초급 가이드에서 앱 구현과 공개·운영 실습으로 이어가세요 →