그 외 보는것들

[1일차] 클로드 코드 설치 및 실행하기 왕초보편 : 바이브코딩 도전하기, VS Code 설치하기

dic-tionary 2026. 4. 2. 19:02

요즘 SNS만 열면 클로드 코드이야기가 나오더라구요. 클로드를 이용해서 뉴스레터에서부터 간단한 앱까지 만들 수 있다는걸 보고 저도 도전해보기로 결심한차에 온라인 스터디가 있는걸 발견해서 교재가 되는 책을 구매하고

바이브 코딩을 시작해보기로 했습니다.

 

바이브코딩이란?

설계보다 감으로 빠르게 만드는 속도 중심 코딩 방식으로 

✔️ 빠르게 프로토타입 만들 때 많이 쓰고

✔️ 완벽한 구조보다 “작동 여부”가 중요하며

✔️ 스타트업 / 개인 프로젝트에서 자주 등장하는 코딩방식


 

제가 구매한책은 요거구요 300p정도로 두껍지 않은 책이었어요.

두께만봐도 '아 이건 초보자를 위한 책이겠구나'싶어 조금 안심했습니다ㅎㅎ;

그리고 초판이 2026년 3월인 책이라 최신에 발간된 도서였어요.


오늘의 목표

클로드코드 설치 및 개발환경 구축


 

글을 쓰기에 먼저 말하자면, 개발의 'ㄱ'도 모르는 저로서 설치중 에러가 발생할때마다 GPT의 도움을 받아 설치에 성공할 수 있었습니다.

쉽지 않더라구요 ㅜㅜ 

지금부터 쉽지 않았던 설치후기 시작해보겠습니다.

 

 

01. 클로드 코드 결제하기

클로드 코드를 쓰려면 먼저 결제를 해야겠죠?ㅎㅎ

클로드를 사용하는것 자체는 무료지만 클로드 코드 유료입니다!

 

먼거 클로드 사이트에 접속합니다.


https://claude.ai/login

 

 

저는 구글 계정으로 가입해두었기 때문에 구글계정으로 계속해보겠습니다.

 

로그인 후 요금제 결제를 위해 화면 좌측 하단 > 요금제 업그레이드로 들어갑니다.

 

 

 

저는 헤비유저가 아니고 가벼운 개발이나 코딩을 할 예정이기 때문에 Pro를 선택했습니다. 

 

 

그리고 단기간 체험해볼 예정이라 일단 월간 요금제를 선택했습니다.

고환율 시대에 22달러라 열심해 해야겠네요!!!

 

 

02. 클로드 코드 설치하기(MAC 기준)

클로드는 터미널을 통해 설치하는데요 

터미널 창을 열고 아래 명령어를 그대로 입력해줍니다.

curl -fsSL https://claude.ai/install.sh | bash

 

그러면 수월하게 설치가 완료되었다는 메세지가 뜹니다.

• Claude Code successfully installed!

 

그리고 터미널창에 다시 claude라고 치면 클로드가 실행된다고 책에 나와있는데....실행이 안되더라구요?!

zsh: command not found: claude

 

설치가 성공했다면서....뭐 못찾는다는거지 싶어 이때부터 동공지진이 왔습니다. 여기서부터 GPT와의 문답이 시작됐습니다.

에러메세지를 GPT에 붙여넣고 물어보니

claude 실행 파일은 있는데 PATH 반영이 아직 안돼서 터미널이 그 위치를 못 찾는 상태

라고 하더라구요; 그래서 아래 명령어를 넣어보라길래 또 넣어봤죠.

그랬더니!!

echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc

 

이제야 설치가 완료되었습니다 ㅎㅎ.

클로드 창이 뜨더라구요!! 어렵다 어려워 ㅜㅜ

이제부터는 몇가지 옵션을 선택해줘야 하는데요

먼저 어떤 모드로 쓸것인지 선택해줘야합니다.

저는 1. 다크모드를 선택했습니다.

 

다음으로 선택해야할 옵션은 계정유형 선택입니다.

저는 앞서 pro를 구독했기 때문에 1번을 선택했습니다.

혹시 실수로 2를 선택하면 API요금이 추가로 청구되니 주의하라고 책에 나와있습니다.

 

 

그리고 아래 url로 접속해 로그인하라는 메세지가 뜹니다.

 

 

그리고 저 url을 실행하면 아래와 같이 화면이 보이는데요

드디어 클로드 코드와 제 계정을 연결하는 단계가 되었습니다.

이제 연결을 완료하고 다시 클로드 코드로 돌아갑니다. 

 

 

제 클로드 계정과 잘 연결되었다는 메세지가 뜨고, 엔터를 누르면!

 

이런 주의사항이 안내되구요

 

 

저는 1번 추천 설정으로 셋팅하겠다 선택

 

 

1번 작업경로 폴더를 신뢰하겠다 선택

 

 

접근권한 허용

 

 

해서~ 여기까지 오면 클로드코드 설치와 계정연동은 모두 끝났습니다.

 

 

 

03. gh 설치하기

책에서 가이드하는 다음단계는 gh명령을 설치하라인데요....

gh가 뭘까요 ㅜㅜ gpt의 힘을 또 빌려봅니다.

GH란?
터미널에서 GitHub를 조작하는 공식 도구로
GitHub를 터미널에서 쓸 수 있게 해주는 명령어

 

자...이제 설치해보겠습니다.

 

터미널에 요렇게 입력해봅니다.

brew install gh

 

 

설치가 되는것 같긴해서, 1번. YES를 자신있게 선택해 봅니다.

 

역시나...또 막혔습니다 ㅜㅜ

여기서 또 gpt에 질문!!

 

 

gh를 깔려면 홈브루가 있어야 한다고 하네요?!

 

홈브루는 무엇이냐 하면ㅜㅜ

Homebrew란?
맥에서 프로그램을 설치하는 도구로
프로그램 설치를 자동화 해줌

 

즉 이걸 깔아야 gh를 설치할수 있다는 말이었습니다. 그래서 먼저 홈브루 설치를 진행했습니다.

터미널에 아래 명령을 입력합니다.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

그리고 주르륵 뭐가 뜨면 1번 yes를 선택합니다.

 

 

그런데 또 설치가 안된답니다. 이유는?

명령을 계속 입력했던 화면이 클로드 터미널이기 때문이고, 브루를 설치하려면 진짜 MAC 터미널에서 설치해야 설치가 된다고 합니다.

 

이제 클로드 터미널이 아닌 MAC터미널을 열고 아래 명령을 입력합니다.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

 

그럼 아래처럼 또 주르르륵 뜨면서 드디어 설치가 완료됩니다.

 

 

자, 이제 다시 gh를 설치해야겠죠? ㅜㅜ

gh를 설치해달라고 닫시 명령을 입력합니다.

brew install gh

 

설치를 했다면 또 로그인을 해서 계정 연동을 해줘야겠죠?

gh auth login

 

아래 보이는 옵션들은 깃허브 연동에 대한 옵션들인데요

아래와 같이 선택해 주었습니다.

 

그럼 브라우저가 열리면서 깃허브 로그인창이 보입니다.

 

 

 

저는 계정이 없어서 가입 프로세스를 진행했구요

가입후에는 인증코드를 넣으라는 메세지가 나옵니다.

이 인증코드는 어디있느냐?

바로 아까 명령을 입력하던 터미널창에 있습니다.

First copy your one-time code 오른쪽에 출력된 숫자 8자리를 입력하시면 됩니다.

예시) 0000-0000

 

 

 

8자리를 입력하면 드디어 연결에 들어가구요

 

이렇게 연결이 완료됩니다!!

(어흑...힘들다)

 

 

그리고 다시 터미널 창(Mac 터미널) 으로 돌아오면 깃허브에 가입된 계정으로 로그인 되었다는 메세지가 나옵니다.

"Logged in as 깃허브ID"

 

 

04. 리포지토리 생성하기

자 이제는 작업공간을 생성해야겠죠?

저는 리포지토리 생성은 클로드코드에서 진행했습니다.

클로드 코드에 아래와 같이 명령을 입력합니다.

GitHub에 private 리포지터리 만들어줘. 이름은 my-app으로 해줘

 

 

하...바로 될리가 없죠...또 에러가 뜹니다.

엥? 저는 이미 gh를 설치했는데 왜 설치 되어있지 않다고 하는걸까요?...

gpt에 또 물어보니 그 이유는,

Claude 터미널이 Mac 터미널이랑 환경이 달라

클로드에서 인식을 못하는거라고 합니다.

 

 

그래서 클로드에서 path를 인식시키는 명령이 필요하고 그 뒤에 다시 레포지토리 생성 명령이 필요합니다.

아래 명령을 입력해주고~

export PATH="/opt/homebrew/bin:$PATH"

 

다시 레포지토리 생성 명령을 입력해줍니다.

GitHub에 private 리포지터리 만들어줘. 이름은 my-app으로 해줘

 

아래와 같이 뜬다면 드디어 레포지토리 생성 완료입니다.

 

 

 

05. VS Code 설치하기

책...책에 vs code를 사용하면 편리하다는 안내가 있습니다.

역시 도전은 끝이 없죠...

이것도 설치해 보겠습니다. 그럼 vs code가 무엇이냐?

 

Visual Studio Code란?
코드를 작성하는 프로그램으로 개발자들이 쓰는 초강력 메모장
개발할 때 필요한 아래의 기능을 한방에 해결
✔️ 코드 작성
✔️ 실행
✔️ GitHub 연결
✔️ 터미널 사용
✔️ Claude 같이 쓰기

 

 

먼저 Vs code를 다운로드 합니다.

https://code.visualstudio.com

 

필수 확장프로그램도 설치해줍니다. GPT에서 하면 좋다고 가이드해주네요?ㅎㅎ

1. GitHub 관련

👉 GitHub Pull Requests and Issues

2. Claude (선택)

👉 Claude extension 있으면 설치 (없어도 CLI로 충분)

 

 

그리고 연결이 잘 됐는지 보려면 vs code에서 클로드 실행이 잘 되는지 테스트 해봅니다.

터미널 창에 아래 명령을 실행합니다.

< 클로드 실행확인 >

claude

 

<깃허브 로그인 테스트>

gh auth status

 

위 두가지를 모두하면 아래처럼 뜨더랍니다~

 

 

자 여기까지 해서 

클로드 코드 가입 및 설치

홈브루 설치

gh 설치

깃허브 가입 및 연동

vs code 설치 및 연동

을 모두 마쳤습니다.

 

기본셋팅을 이제야 마치다니 흑흑

본격적인 프로젝트는 내일부터 시작하겠습니다.

그럼 2일차 후기를 기대해주세요!!

728x90