요즘 코딩 필수템! Claude Code 완전정복 가이드 1편

클로드 코드, 너도 쓸 수 있어! (중학생 눈높이 설명)

오늘은 요즘 엄청 핫한 클로드 코드라는 도구를 같이 알아보자!

1. 클로드 코드, 그게 뭔데?

• 클로드 코드 공식 문서라고 검색하면 제일 위에 나오는 웹사이트가 있어.
• 거기 가면 클로드 코드를 어떻게 쓰는지, 설정은 어떻게 하는지 자세히 나와있어.
• 이 문서를 따라서 기초부터 응용까지 같이 해볼 거야.

2. 클로드 코드 설치하기 (윈도우 기준)

• 설치를 하려면 먼저 WSL이라는 걸 설치해야 해.
• WSL 설치라고 검색하면 윈도우에 리눅스(우분투)를 설치하는 방법이 나와.
• 파워쉘을 관리자 모드로 켜서 wsl --install 이라고 입력하면 설치가 돼.
• 설치 끝나고 컴퓨터를 다시 시작하면 WSL을 쓸 수 있어!

3. WSL에 클로드 코드 설치하기

• 컴퓨터를 다시 켜고 파워쉘을 관리자 모드로 다시 실행해.
• 아까처럼 wsl --install 을 입력하면 돼.
• 이제 리눅스(우분투) 환경이 잘 설치된 거야.
• 유저네임이랑 비밀번호를 설정해주면 WSL 설치 끝!

4. 클로드 코드를 위한 준비물: Node.js 설치

• 클로드 코드를 쓰려면 Node.js라는 게 필요해.
• WSL 환경에서 Node.js를 설치해야 하는데, 이건 GPT한테 물어보면 친절하게 알려줘!
• "WSL 우분투 환경에서 Node.js 설치하는 방법" 이라고 물어보면 돼.
• GPT가 알려주는 대로 명령어를 입력하면 설치가 잘 될 거야.
  • sudo apt update : 이걸로 설치 도구들을 최신 버전으로 업데이트해줘. (비밀번호 입력해야 할 수도 있어!)
  • sudo apt install nodejs : 이걸로 Node.js를 설치해줘.
• 설치가 잘 됐는지 확인하려면 node -v 라고 입력했을 때 버전이 나오면 성공!

5. 드디어 클로드 코드 설치!

• 이제 npm install -g @cloud-cli/cloud 이 명령어를 입력해서 클로드 코드를 설치할 수 있어.
• 만약 "permission denied" 같은 에러가 나면, 명령어 앞에 sudo 를 붙여서 다시 실행해봐.
• 설치가 끝나면 cloud 라고 입력해서 클로드 코드를 실행할 수 있어!

6. 클로드 코드 설정하기

• 클로드 코드를 실행하면 테마 선택이 나올 거야. 원하는 걸로 골라!
• 구독 요금제를 선택해야 하는데, 2번 (사용량 기반 요금제)은 돈이 많이 나올 수 있으니 구독해서 쓰는 걸 추천해! (프로나 맥스 같은 거!)
• 엔터를 누르면 브라우저가 켜질 건데, 안 켜지면 URL을 복사해서 직접 붙여넣기 해줘.
• 클로드에 로그인해야 해.
• 로그인이 되면 승인을 누르고, 나오는 코드를 복사해서 붙여넣기 하면 로그인이 완료돼!

7. 클로드 코드 사용해보기

• 클로드 코드는 실수를 할 수도 있고, 코드를 잘못 이해할 수도 있으니 네 코드를 믿을 때만 사용하라는 경고가 나올 거야.
• 현재 파일에서 클로드 코드를 실행할 건지 물어보는데, 일단 "no" 라고 하고 새로운 프로젝트 폴더를 만들어서 거기서 실행해보자.
• 바탕화면에 "테스트" 라는 폴더를 만들고, 커서(Cursor)라는 편집기에서 그 폴더를 열어줘.
• 커서에서 터미널을 열고, WSL(우분투) 환경으로 설정된 터미널에서 cloud 라고 입력해.
• 이제 "테스트" 폴더를 신뢰할 건지 물어볼 텐데, "y" 를 눌러서 신뢰해주고 클로드 코드를 실행해봐.

8. 클로드 코드로 웹사이트 만들기!

• 클로드 코드에게 "간단한 HTML 웹사이트 하나 만들어 줘" 라고 요청해봐.
• 클로드 코드가 HTML 파일을 만들어 줄 거야!
• 만들어진 파일을 열어보면 웹사이트가 완성되어 있을 거야!

오늘 배운 내용 정리!

오늘은 윈도우에서 클로드 코드를 설치하기 위해 WSL을 설치하고, WSL에 클로드 코드를 설치했어. 그리고 커서 편집기에서 WSL 터미널을 열어 클로드 코드로 간단한 웹사이트를 만들어봤지!

오늘은 여기까지! 다음 시간에는 클로드 코드의 더 많은 기능들을 알아보자!