반응형

https://youtu.be/7MEsgHKQGLg

 

순서

  • 클로드 코드란?
    • 가격정책
  • 설치 방법
    • 인증 방법
    • Visual Studio Code 용 플러그인 설치방법
  • 사용법
    • Terminal에서 사용법
    • Visual Studio Code에서 사용법
  • 활용팁

클로드 코드(Claude Code)란?

  • 클로드 코드는 AI 코딩 Assistant입니다.
  • Anthropic 에서 구축한 LLM 모델을 사용합니다.
  • Terminal 기반으로 작동하고, 코드작성, 기능개발, 버그수정등을 AI Agent를 통해 수행합니다.
  • IDE를 사용하지 않는다고 하면 많이 불편할 것이라고 생각하지만, 생각보다 꽤 편하게 사용할 수 있습니다.
  • 그래도 IDE가 더 편하신 분을 위해 VSCode의 Plug-in으로도 제공됩니다(이 부분도 뒤에 자세히 설명합니다)

가격

클로드 코드는 아래와 같이 3가지 가격 정책이 있습니다.(무료는 사용 불가)

  • Pro 플랜: 월 $20
    • 평균 사용자는 5시간마다 Claude로 약 45개의 메시지를 보내거나, Claude Code로 약 10-40개의 프롬프트를 보낼 수 있습니다.
    • Pro 플랜 구독자는 Sonnet 4에 액세스할 수 있지만, Claude Code에서 Opus 4를 사용할 수는 없습니다.
    • 소규모 저장소(일반적으로 1,000줄 미만의 코드)에서의 가벼운 작업
  • Max 플랜은 두 가지 사용량 등급을 제공합니다 (Claude Sonnet 4, Opus 4 모델 사용가능)
    • 대규모 코드베이스를 사용한 일상적인 사용 또는 파워 유저
    • Pro 사용량의 5배 (월 $100)

      - 평균 사용자는 5시간마다 Claude로 약 225개의 메시지를 보내거나, Claude Code로 약 50-200개의 프롬프트를 보낼 수 있습니다.

    • Pro 사용량의 20배 (월 $200)

      - 평균 사용자는 5시간마다 Claude로 약 900개의 메시지를 보내거나, Claude Code로 약 200-800개의 프롬프트를 보낼 수 있습니다.


설치 방법

 

Anthropic 지원 센터

Anthropic 지원 센터

support.anthropic.com


  • Claude Code는 Node.js v18 이상이 설치되어 있어야 합니다.
  • 설치는 아주 쉽습니다. 
# Install Claude Code
npm install -g @anthropic-ai/claude-code

# Navigate to your project
cd your-awesome-project

# Start coding with Claude
claude

인증 방법

  • 설치 후 claude를 입력하면 다음과 같은 화면이 나옵니다.

  • 1번을 선택하면 브라우저에서 로그인 인증을 진행합니다.

 

Visual Studio Code 용 플러그인 설치방법

  • VSCode에서도 Claude Code를 사용할 수 있습니다.
  • VSCode에서 좌측 메뉴 중 Extention 을 클릭합니다.
  • 검색창에 `Claude Code`를 입력하면 아래와 같은 화면이 나옵면 install 버튼을 클릭하여 설치합니다.

  • 실행 방법은 우측 상단의 클로드 코드 아이콘을 클릭하면 됩니다.

 


사용법

  • 실행 방법 - 터미널을 열고 `claude`를 입력하면 claude code가 시작됩니다.

사용 모델 변경

/model

 

  • `Default (recommended)` 를 선택하면 Opus 4 모델을 사용하게 되고, 사용량이 20% 남았을때 Sonnet 4 모델로 전환됩니다.

IDE 연동

/ide
  • 사용 가능한 ide 목록이 나오고 선택을 할 수 있습니다.
  • VSCode plug-in을 사용하면 자동으로 ide와 연결이 됩니다.

프로젝트 기본 설정

/init
  • 프로젝트에 claude 설정을 초기화하는 명령입니다.
  • CLAUDE.md 파일을 자동으로 생성합니다.
  • README.md 파일이 있으면 읽고 분석을 한 후 CLAUDE.md 파일을 작성합니다.
  • 이미 만들어진 프로젝트의 경우 애플리케이션과 아키텍처를 분석하여 CLAUDE.md 파일에 작성합니다.

파일 참조

  • prompt에서 @을 입력후 파일명 입력합니다.

이미지 & 스크린샷 참조

  • 이미지 복사(Ctrl+C) 후 prompt에서 Ctrl+V를 합니다.
  • 오류가 발생했을 때 스크린을 캡처해서 넣어주는것도 좋은 방법입니다.

줄바꿈

  • Shift + Enter로 새 줄이 생기지 않습니다.  이 경우 `/terminal-setup` 하면 해결됩니다.
  • 이것보다는 Ctrl + J 를 사용하는게 편리합니다.

작업 중단하기

  • 현재 수행 중인 작업을 중단하려면 Esc 키를 누르면 된다.

Claude Code 종료하기

  • Ctrl + C 키를 두번 누르면 종료된다.

이전 채팅 내용 보기

  • 위 화살표를 누르면 이전 내용들이 차례로 나온다.

모드 변경

  • 모드는 `Shift + Tab`으로 변경할 수 있다.
  • 일반 / Plan / Auto-accept edits on 을 순환해서 변경된다.

VS Code 에서 Claude Code plug-in 사용법

소스 코드 참조

  • 열려 있는 소스 코드는 자동으로 참조합니다.
  • Select 된 범위를 자동으로 인식합니다

파일 참조

  • VSCode에서 드래그앤드롭 (or shift + 드래그앤드롭) 합니다.

이미지 & 스크린샷 참조

  • 이미지 파일을 드래그앤 드롭합니다.

 

 


활용 Tip

터미널 사운드 설정

  • 작업이 완료되면 terminal에서 알람을 울려줍니다.
  • claude에게 작업을 시키고 편하게 다른 일을 하시면 됩니다.
claude config set --global preferredNotifChannel terminal_bell

Git 활용하기

  • Claude Code가 아무리 좋더라도, 작은 단위의 작업을 지속적으로 commit 하시는게 좋습니다.
  • 오랜 시간 작업한 결과물을 한번에 날릴 수도 있기 때문입니다.

프로젝트 요약해보기

이 프로젝트를 요약해줘

 

Compact

/compact
  • claude code로 계속 작업을 하다보면 이전 prompt 내용이 많아지게 됩니다.
  • 너무 많은 양을 계속 파악하게 하는것은 비효율적이고, 명확성이 떨어지게 됩니다.
  • 이때 compact를 사용하면 이전 내용들을 간략하게 줄여주는 역할을 하게 됩니다.

Clear

/clear
  • 이전 작업들과 상관없는 새로운 task를 실행할때는 clear를 사용해서 memory를 비워주는 것이 좋습니다.

모드 변경하며 사용해보기

  • prompt 창에서 shift+tab을 누르면 모드가 변경됩니다.
  • 모드는 일반 / Plan / Auto-accept edits on 을 순환해서 변경됩니다.
  • Opus를 사용하여 plan 모드로 계획을 수립하고, Sonnet을 사용하여 일반모드로 작업을 시키는 방법을 쓰시면 효과적입니다.

Prompt 큐 사용하기

  • claude code가 실행 중일때도 prompt를 계속 입력할 수 있습니다.
  • 이것은 Queue에 쌓이고, 이부분도 claude code가 잘 알아서 처리합니다.

프로젝트별로 환경 설정하기

  • .claude 폴더에 settings.json에 프로젝트 별로 환경설정이 가능합니다.

MCP 설치하여 사용하기

  • claude code에 mcp를 추가하면 mcp의 각종 도구들을 활용하여 좋은 결과물을 얻을 수 있습니다.
  • context7 같은 mcp를 추가하여 사용해보시기 바랍니다. 

  • context7에는 참조할 수 있는 엄청난 최신 정보를 보유하고 있습니다.
  • https://github.com/upstash/context7 에 가시면 자세한 내용을 볼 수 있습니다.
  • 설치 방법은 다음과 같습니다.
claude mcp add context7 -- npx -y @upstash/context7-mcp

 


마치며...

 

Claude Code는 AI 시대에 개발자들에게 큰 힘을 실어줄 수 있는 유용한 도구입니다.

잘 활용하신다면 현재보다 훨씬더 좋은 성과를 만들어낼 수 있을 것입니다.

반응형

+ Recent posts