IDE 연동

읽는 시간: 8분 | 난이도: 중급

이 섹션에서는 VS Code, Cursor, JetBrains IDE에서 Claude Code를 사용하는 방법을 알아봅니다.

왜 IDE 연동인가요?

터미널에서 Claude Code를 사용하는 것도 강력하지만, IDE와 통합하면 더욱 편리합니다:

• 에디터 내에서 직접: 터미널로 전환할 필요 없음
• 파일 컨텍스트: 현재 열린 파일을 Claude가 인식
• 빠른 액세스: 단축키로 빠르게 Claude 호출

VS Code

내장 터미널 사용

가장 간단한 방법은 VS Code 내장 터미널에서 Claude Code를 실행하는 것:

1. 터미널 열기: Ctrl + `` (Mac: Cmd + ``)
2. Claude Code 실행: claude

VS Code 확장 (예정)

Claude Code 공식 VS Code 확장이 개발 중입니다.

커스텀 터미널 프로필

// settings.json
{
  "terminal.integrated.profiles.osx": {
    "claude": {
      "path": "/bin/zsh",
      "args": ["-lc", "cd ${workspaceFolder} && claude"]
    }
  },
  "terminal.integrated.defaultProfile.osx": "claude"
}

단축키로 터미널 열기

// keybindings.json
{
  "key": "cmd+shift+c",
  "command": "workbench.action.terminal.new"
}

작업 생성

// .vscode/tasks.json
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Start Claude Code",
      "type": "shell",
      "command": "claude",
      "group": "build",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      }
    }
  ]
}

Cursor IDE

Cursor는 AI 기반 IDE로 Claude Code와 완벽하게 작동합니다.

Cursor 터미널에서 Claude Code

1. 터미널 열기: Ctrl + `` (Mac: Cmd + ``)
2. Claude Code 실행: claude

Cursor AI와 Claude Code 함께 사용

• Cursor AI: 코드 완성, 간단한 질문
• Claude Code: 복잡한 멀티파일 작업, Git 관리

Cursor 설정

// settings.json
{
  "terminal.integrated.env.osx": {
    "CLAUDE_EDITOR": "cursor"
  }
}

JetBrains IDEs

IntelliJ IDEA, PyCharm, WebStorm 등

터미널 도구 설정

1. Settings/Preferences > Tools > Terminal
2. Shell path 확인
3. Environment variables 추가:

   CLAUDE_EDITOR=idea
   

외부 도구 등록

1. Settings/Preferences > Tools > External Tools
2. + 클릭하여 새 도구 추가
3. 설정:
   • Name: Claude Code
   • Program: /usr/local/bin/claude
   • Working directory: $ProjectFileDir$

단축키 설정

1. Settings/Preferences > Keymap
2. External Tools > Claude Code 찾기
3. 원하는 단축키 설정 (예: Ctrl+Shift+C)

Vim/Neovim

터미널에서 사용

" .vimrc 또는 init.lua
" 터미널에서 Claude Code 실행
command! Claude terminal ++close claude

" 단축키
nnoremap <leader>cc :Claude<CR>

Neovim 플러그인 (커뮤니티)

-- init.lua
local claude = require('claude-code')

claude.setup({
  auto_open = true,
  keymaps = {
    toggle = '<leader>cc',
    send_file = '<leader>cf',
    send_selection = '<leader>cs'
  }
})

Emacs

터미널에서 사용

;; .emacs 또는 init.el
(defun claude-code ()
  "Claude Code를 터미널에서 실행"
  (interactive)
  (ansi-term "/bin/zsh")
  (comint-send-string nil "claude\n"))

;; 단축키
(global-set-key (kbd "C-c c") 'claude-code)

에디터 설정

Claude가 파일을 열 때 사용할 에디터 설정

# ~/.claude/config.json
{
  "editor": {
    "command": "code",          # VS Code
    // "cursor",               # Cursor
    // "idea",                 # IntelliJ
    // "nvim",                 # Neovim
    "args": ["--goto", "{file}:{line}"]
  }
}

실제 워크플로우

VS Code + Claude Code

1. 프로젝트 열기: VS Code로 프로젝트 열기
2. 터미널 열기: Cmd + Shift + C
3. Claude Code 시작: claude
4. 작업 요청: 현재 파일 수정 요청
5. 결과 확인: VS Code에서 변경사항 확인

Cursor + Claude Code

1. 프로젝트 열기: Cursor로 프로젝트 열기
2. 터미널 열기: Cmd + Shift + C
3. Claude Code 시작: claude
4. 협업: Cursor AI로 빠른 수정, Claude Code로 복잡한 작업

팁

1. 단축키 커스터마이징: 자주 사용하는 작업에 단축키 할당
2. 여러 터미널: 프로젝트마다 별도 터미널 사용
3. 작업 공간 설정: 프로젝트별 설정 관리

다음 단계

• CI/CD 및 자동화 - 파이프라인에 통합하세요

이 섹션이 도움이 되셨나요?