요약 슬라이드
차량 구매 — 도구 설치하기
바이브코딩을 시작하기 위해 필요한 기본 도구를 내 컴퓨터에 갖추는 과정입니다.
차량 인수: Google Antigravity 설치
바이브코딩의 핵심 도구인 Google Antigravity 는 우리가 운전할 '차량'과 같습니다. 이 프로그램 안에서 우리는 AI에게 지시를 내리고 결과물을 확인하게 됩니다.
- 특징: Google 계정만 있으면 누구나 무료로 사용 가능
- 역할: AI 코딩 어시스턴트와의 대화 창구 및 코드 실행 환경 제공
설치 가이드 (Windows / Mac 공통)
- [Antigravity 공식 사이트]에 접속하여 자신의 OS에 맞는 설치 파일을 다운로드합니다.
- 다운로드된 파일을 실행하여 설치를 완료합니다. (Mac의 경우 Applications 폴더로 드래그)
- 프로그램을 실행하여 초기 화면이 정상적으로 뜨는지 확인합니다.
엔진 장착: Node.js 설치
차량이 움직이려면 엔진이 필요하듯, Antigravity가 정상 작동하려면 Node.js 라는 환경이 뒷받침되어야 합니다.
- 특징: 직접 조작할 일은 없지만, 내부적으로 필수적인 기반 환경
- 추천 버전: LTS (Long Term Support) 버전 (가장 안정적임)
설치 순서
- [nodejs.org]에 접속합니다.
- 초록색으로 표시된 LTS 버튼을 클릭하여 다운로드합니다.
- 기본 설정 그대로 "Next"를 눌러 설치를 마무리합니다.
차량 수납공간: 폴더 구조의 이해
나중에 프로젝트 파일들을 찾기 쉽게 하기 위해, 기본적인 폴더 구조만 가볍게 짚고 넘어갑니다.
| 폴더명 | 비유 | 역할 |
|---|---|---|
| Project Root | 차량 전체 | 프로젝트의 최상위 폴더 |
| src | 엔진룸 | 실제 웹사이트를 구동하는 핵심 코드 |
| public | 트렁크 | 이미지, 아이콘 등 정적 파일 보관 |
| Config 파일 | 글러브박스 | 각종 설정 및 관리 서류 |
지금은 외울 필요 없습니다. 2부에서 프로젝트를 직접 만들며 자연스럽게 익히게 됩니다.
시동 확인: 터미널 테스트
설치가 잘 되었는지 확인해 봅시다. 주차장에서 시동만 걸어보는 단계입니다.
- 터미널(또는 명령 프롬프트) 을 실행합니다.
- 다음 명령어를 입력하고 엔터를 누릅니다.
node --version v20.xx.x와 같이 버전 숫자가 출력된다면 엔진 장착 성공입니다.
마일스톤 정리
- Google Antigravity 설치 완료 (차량 인수)
- Node.js 설치 완료 (엔진 장착)
- 버전 확인 완료 (시동 테스트)
이제 차는 준비되었습니다. 다음 편에서는 AI 연료를 채우는 '주유' 과정을 진행합니다.