왕초보의 바이브코딩 첫 술 뜨기

소개

바이브코딩이라는 것이 뭔지 궁금하고 알고 싶어서 수업을 참여했어요.

스터디라는 형식도 처음이라 낯설기도 하고 신기하기도 했습니다.

오늘 스터디장님 도움으로 클로드코드를 결제하고 안티그래비티에 extention으로 깔아서 사용해봤습니다.

진행 방법

1. 안티그래비티, 클로드코드

2. 프롬프트: 초보자가 클로드코드를 까는 방법을 간단한 도표로 만들어줘, MD 파일로 만들어줘.

4. 사본

   # Claude Code 설치 흐름도 (초보자용)
   
   ---
   
   ## 설치 순서
   
   ```
     1. Node.js 설치
        └─► https://nodejs.org 에서 LTS 버전 다운로드 & 설치
            └─► 확인: 터미널에서  node -v  입력 → 버전 출력되면 OK
   
             │
             ▼
   
     2. Claude Code 설치
        └─► 터미널(PowerShell / CMD) 열기
            └─► 명령어 입력:  npm install -g @anthropic-ai/claude-code
   
             │
             ▼
   
     3. Anthropic API 키 발급
        └─► https://console.anthropic.com 회원가입 / 로그인
            └─► API Keys 메뉴 → 새 키 생성 → 복사
   
             │
             ▼
   
     4. Claude Code 실행 & 로그인
        └─► 터미널에서  claude  입력
            └─► API 키 입력 요청 → 복사한 키 붙여넣기
                └─► 설정 완료!
   
             │
             ▼
   
     5. 사용 시작
        └─► 작업할 프로젝트 폴더로 이동:  cd 내폴더경로
            └─► 터미널에서  claude  실행
                └─► 자연어로 코드 요청 시작!
   ```
   
   ---
   
   ## 핵심 요약
   
   | 단계 | 필요한 것 |
   |------|----------|
   | 1 | Node.js (v18 이상) |
   | 2 | npm (Node.js 설치 시 자동 포함) |
   | 3 | Anthropic 계정 + API 키 |
   | 4 | 터미널 (PowerShell, CMD, Terminal 등) |
   
   ---
   
   > **주의:** API 키는 유료 서비스입니다. 사용량에 따라 비용이 청구됩니다.
   

   

   ALT

   한국 컴퓨터 화면의 스크린샷

결과와 배운 점

클로드코드 깔면서 '하면 되는 구나~'이런 생각을 했습니다.

검색하니 터미널에서 뭘 해라~ 뭐 이랬었는데요. 초보인 저는 터미널 건들기도 무서웠어요.

안티그래비티에서 까니 훨씬 쉽다고 느껴졌습니다.

안티.에서 클로드.하는 것도 신기하고요. 얘네는 같이 협업하는 애들이라는 것도 알게 되었습니다.

앞으로 차근차근 더 공부해서 좀 더 그럴싸한 앱을 만들고 싶습니다.

도움 받은 글 (옵션)

오프라인 모임에서 스터디장님 덕분에 클로드코드를 깔았어요. 감사합니다.