1. 클로드 코드: 코딩을 돕는 AI 에이전트 [0]

thumbnail 클로드 코드는 코딩 작업을 돕는 AI 에이전트로, 터미널과 VS Code 플러그인을 통해 사용할 수 있으며, 최신 정보 활용을 위해 MCP 서버 연동 시 성능을 극대화할 수 있다. [0]

1.1. 클로드 코드 소개 및 가격 정책 [0]

  1. 클로드 코드란 무엇인가? [3]
    1. 코딩 작업을 돕는 AI 에이전트 역할을 수행한다. [3]
    2. 엔트로픽(Anthropic)이라는 회사에서 개발했으며, 자체 LLM 모델을 사용한다. [5]
    3. 코드 작성, 기능 개발, 버그 수정 등을 AI 에이전트를 통해 수행한다. [6]
  2. 사용 편의성 [7]
    1. 터미널 기반으로 작동하지만, 생각보다 편리하게 사용할 수 있다. [7]
    2. 코딩 환경에 따라 VS Code 플러그인으로도 사용할 수 있다. [8]
  3. 가격 정책 [11]
    1. 프로 플랜: 월 20달러로, 가벼운 작업을 할 때 적합하다. [11]
    2. 맥스 플랜: 월 100달러 또는 200달러 두 가지 옵션이 있다. [12]
      1. 프로 플랜은 소닉 4(Sonnet 4) 모델만 사용할 수 있다. [14]
      2. 맥스 플랜은 소닉 4(Sonnet 4)와 오포스 4(Opus 4) 모델을 모두 사용할 수 있다. [14]
        1. 오포스 4 모델은 현재까지 나온 코드 어시스턴트 중 가장 좋은 성능을 발휘하는 것으로 평가된다. [15]
        2. 많은 작업을 하는 개발자들은 월 100달러 또는 200달러 플랜을 사용하기도 한다. [17]

1.2. 설치 및 기본 사용법 [18]

  1. 설치 방법 [18]
    1. 노드 JS 버전 18 이상이 설치되어 있어야 한다. [19]
    2. 터미널에서 제공되는 명령어를 입력하여 설치한다. [21]
  2. 터미널에서 실행 및 인증 [23]
    1. 작업하려는 프로젝트 루트에서 claude 명령어를 입력하여 실행한다. [23]
    2. 처음 실행 시 터미널 테마를 선택한다 (예: 다크 모드). [26]
    3. 인증 과정: [28]
      1. 클로드 계정 구독 확인 방식 (일반적) [28]
      2. API 사용량만큼 비용 청구 방식 [28]
      3. 구독 신청 후 로그인 창에서 승인하면 터미널에서 사용 가능하다. [29]
    4. 터미널 셋업을 완료하면 프롬프트 명령을 통해 클로드 코드를 사용할 수 있다. [31]
  3. VS Code 플러그인 설치 및 사용 [35]
    1. VS Code의 익스텐션즈 메뉴에서 claude를 검색한다. [36]
    2. Claude Code for VS Code 플러그인을 설치한다. [37]
    3. 설치 후 VS Code 상단에 나타나는 클로드 아이콘을 클릭하여 실행한다. [39]
    4. IDE 연결: [41]
      1. 터미널에서는 /id 명령어로 IDE를 연결해야 한다. [41]
      2. VS Code에서는 기본적으로 현재 열려 있는 VS Code가 연결된다. [42]
      3. VS Code에서도 /id 명령어로 연결할 수 있다. [44]

1.3. 클로드 코드 기본 사용법 및 기능 [45]

  1. 모델 선택 [45]
    1. model 명령어를 사용하여 모델을 변경할 수 있다. [45]
    2. 기본값은 오포스 4 모델이며, 100달러 요금제 사용자는 오포스 4를 사용할 수 있다. [46]
    3. 80% 요금제 사용자는 소닉 모델로 자동 전환된다. [46]
    4. 오포스 모델(2번)과 소닉 모델(3번)을 선택하여 사용할 수 있다. [47]
    5. 오포스 모델의 뛰어난 성능을 적절히 활용하는 것이 좋다. [49]
  2. 프로젝트 분석 및 문서 생성 (init 명령) [50]
    1. init 명령어를 입력하면 클로드 코드가 코드 베이스를 분석한다. [50]
    2. 코드 구조 및 설정 파일을 기반으로 분석하며, claude.md 파일을 생성한다. [50]
    3. 단순한 1차원적 작업이 아닌, 여러 사항을 고려하여 작업을 진행한다. [51]
    4. AI 에이전트가 만든 코드는 반드시 리뷰 후 사용해야 한다. [52]
    5. 분석 결과로 claude.md 파일이 생성되며, 사용된 프레임워크 정보(예: Next.js, React, TypeScript, Tailwind CSS)가 포함된다. [53]
  3. 파일 참조 방법 [55]
    1. 드래그 앤 드랍: VS Code에서 참조할 파일을 Shift 키를 누른 채 드래그하여 프롬프트 창에 놓는다. [56]
    2. 소스 리스트 활용: Alt 키를 클릭하면 나오는 소스 리스트에서 원하는 파일을 선택한다. [57]
    3. 라인 선택: 특정 라인들을 참조하여 작업을 요청할 때는 해당 라인들을 선택하면 라인 수가 표시된다. [60]
  4. 이미지 파일 참조 [63]
    1. 오류 발생 시 캡처한 이미지 파일을 드래그 앤 드랍하여 인식시킬 수 있다. [63]
    2. 이미지 파일도 마찬가지로 드래그 앤 드랍으로 참조 가능하다. [64]
  5. 명령어 입력 및 줄바꿈 [64]
    1. 명령어를 입력하고 엔터를 치면 바로 실행된다. [64]
    2. 일반적인 줄바꿈(Shift + Enter)은 명령으로 인식될 수 있다. [65]
    3. 줄바꿈 방법: [67]
      1. 터미널 셋업에서 \ (역슬래시)를 사용하여 Shift + Enter를 사용할 수 있다. [67]
      2. 더 간편하게 Ctrl + J를 사용하면 바로 다음 줄로 넘어간다. [68]
  6. 명령 실행 중단 및 재개 [70]
    1. 실행 중인 명령은 ESC 키를 눌러 중단(Interrupt)할 수 있다. [70]
    2. Continue 명령어로 실행을 이어갈 수 있다. [71]
  7. 클로드 코드 종료 [72]
    1. Ctrl + C를 두 번 누르면 종료된다. [72]
  8. 이전 채팅 기록 확인 [73]
    1. 화살표 키를 사용하여 이전 채팅 기록을 볼 수 있다. [73]
    2. 종료 후 다시 접속해도 이전 기록이 유지된다. [74]
  9. 모드 변경 [75]
    1. Shift + Tab을 누르면 일반 모드, 오토 억셉트 에디트온 모드, 플랫 모드 간 전환이 가능하다. [75]
    2. 일반 모드: 수정 및 선택이 가능하며, 저장 또는 거부 여부를 선택할 수 있다. [77]
    3. 오토 억셉트 에디트온 모드: 수정된 내용을 자동으로 계속 진행한다. [75]
    4. 플랫 모드: 별도의 설명은 없으나, 다른 모드와 구분되는 기능을 가질 것으로 추정된다. [75]

1.4. 클로드 코드 활용 팁 [79]

  1. 알람 설정 [79]
    1. 작업 완료 시 터미널에서 알람이 울리도록 설정할 수 있다. [80]
  2. 버전 관리 (Git 활용) [82]
    1. 작은 단위로 자주 커밋하여 오류 발생 시 이전 상태로 돌아갈 수 있도록 한다. [83]
    2. 스냅샷처럼 커밋을 활용하면 어떤 이전 자료로 돌아갈지 판단하기 용이하다. [84]
  3. 프로젝트 요약 [85]
    1. summarize와 같은 명령어를 사용하여 프로젝트를 요약할 수 있다. [85]
  4. 프롬프트 압축 (compact 명령) [86]
    1. 클로드 코드 작업량이 늘어나 프롬프트 양이 많아지면, compact 명령어를 사용한다. [86]
    2. 이전 내용을 간략하게 줄여 요약하여 프롬프트의 효율성을 높인다. [87]
  5. 새로운 테스크 시작 (clear 명령) [89]
    1. 이전 작업과 상관없는 새로운 테스크를 시작할 때 clear 명령어를 사용한다. [89]
    2. 메모리를 비워주어 새로운 작업을 효율적으로 시작할 수 있도록 한다. [90]
  6. 명령어 큐 관리 (prompt queue) [91]
    1. 여러 명령어를 연속으로 입력해도 클로드 코드가 순차적으로 처리하므로 걱정 없이 입력해도 된다. [91]
  7. 프로젝트별 환경 설정 [94]
    1. .claude 폴더를 만들고 그 안에 settings.js 파일을 생성하여 프로젝트별 환경 설정을 할 수 있다. [94]
  8. MCP 서버 연동을 통한 최신 정보 활용 [95]
    1. MCP 서버를 설치하면 최신 정보들을 활용할 수 있다. [95]
    2. 예를 들어, Next.js 관련 정보가 이틀 전에 업데이트된 내용을 확인할 수 있다. [96]
    3. MCP를 추가하여 최신 정보를 기반으로 개발하거나 참조하면 AI 에이전트 활용도를 높일 수 있다. [97]
    4. MCP 설치는 제공되는 명령어를 이용하며, GitHub 주소에서 자세한 내용을 확인할 수 있다. [98]
    5. 다양한 AI 에이전트(Gemini, Claude Code 등) 설치 방법이 MCP 관련 문서에 나와 있다. [100]

1.5. 결론 및 전망 [103]

  1. 클로드 코드의 가치 [103]
    1. 클로드 코드는 업무에서 많이 사용되며 좋은 성능을 내는 활용도 높은 도구이다. [103]
    2. AI 시대에 발맞춰 코드 어시스턴트를 잘 활용하여 더 나은 개발자로 성장해야 한다. [104]