클로드 코드(Claude Code) 설치 및 실행

이제 AI 개발 도구와 코드 어시스턴트는 선택이 아닌 필수로 자리 잡았다. 그중에서도 CLI 방식의 클로드 코드(Claude Code)에 대해서 알아보고자 한다. 이를 학습하기 위해 인프런의 <클로드 코드> 완독 챌린지에 참여했다.

 

1주차 학습 내용에 대해서 짧게 글을 남긴다. 앞으로 남은 3주도 화이팅!!

 

클로드 코드 설치

1. 윈도우 기능 켜기/끄기 상태 확인

 

2. WSL 설치 및 업데이트

 

3. 설치 가능한 가상 머신 확인 (우분투 24.04 버전)

 

4. 우분투 24.04 버전 설치

• 사용자의 이름(아이디), 비밀번호 입력 필요

 

5. 우분투 검색 후 실행

 

6. 실행된 우분투 터미널 확인

 

7. WSL2 환경에 설치할 Node.js 설치 스크립트 복사 

https://nodejs.org/ko/download

Node.js — Node.js® 다운로드

 

8. Node.js 설치

# nvm 다운로드 및 설치:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

# Node.js 다운로드 및 설치:
nvm install 22

# Node.js 버전 확인:
node -v # "v22.19.0"가 출력되어야 합니다.
nvm current # "v22.19.0"가 출력되어야 합니다.

# Verify the Node.js version:
node -v # Should print "v22.19.0".

npm 버전 확인:
npm -v # 10.9.3가 출력되어야 합니다.

 

9. 클로드 코드 설치

npm install -g @anthropic-ai/claude-code

 

10. 클로드 코드 설치 확인

 

클로드 코드 실행

1. 클로드 코드 로그인 후 실행

 

2. 클로드 코드 안내 화면

 

3. 현재 디렉터리 신뢰 여부 확인

 

4. 설정 완료된 클로드 코드 화면

 

5. 클로드 코드 점검 명령 입력

 

웹페이지 만들고 공개하기

귀여운 고양이 페이지를 대신해서 귀여운 애기 댄싱 페이지를 만들어 봤다.

 

⭐ 내 생각

책을 따라해보니 실제 작업을 하는 것 처럼 정보를 분석하고 Todo List를 만들어서 해야할 일을 정하고 그것을 코드화 해서 하나의 웹 페이지를 만들 수 있다는 것에서 너무 놀라웠다. 그리고 자신의 로컬 환경에서만 테스트를 하는 것이 아니라 배포까지 해서 다른 사람들도 볼 수 있도록 공유하는 것을 자동화해서 진행을 하는 것을 보니... 앞으로 더 발전되어 나올 것들이 기대 반, 두려움 반으로 다가온다. 진짜 AI를 활용해 개발하는 사람과 아닌 사람의 차이가 여러 방면에서 많이 나타날 것으로 보인다. 이제 시작이지만 꾸준히 학습해서 한 순간 왔다가 사라질 것 같지 않은 이 거대한 파도(물결)에 올라타야겠다. 실습을 하는 내내 너무 흥미로웠고 놀라움의 연속이었다. 다음 주 내용도 너무 기대된다!