VSCode에서 Claude Code 설정하기
QUIET NOTES / AI소개
AI 코딩 어시스턴트를 써보고 싶어서 Claude Code를 설치해봤다. 설치부터 실제 사용까지의 과정을 정리해본다.
Claude Code란?
Claude Code는 Anthropic에서 만든 AI 코딩 어시스턴트다. VSCode 확장 프로그램으로 설치할 수 있고, 코드 작성, 수정, 디버깅 등을 도와준다.
주요 기능:
- 파일 생성 및 수정
- 코드 작성 및 리팩토링
- 버그 찾기 및 수정
- 터미널 명령어 실행
- 프로젝트 구조 생성
설치 방법
1. VSCode 확장 프로그램 설치
- VSCode 실행
- 왼쪽 사이드바에서 Extensions (네모 4개 아이콘) 클릭
- “Claude Code” 검색
- Install 클릭
2. 로그인
설치 후 Claude 계정으로 로그인하면 바로 사용할 수 있다.
3. 기본 설정
- 모델: Sonnet 4.5 (기본값, 비용/성능 균형 좋음)
- 편집 모드: Ask before edits (변경 전 확인)
실제 사용해보기
파일 생성 테스트
채팅창에 이렇게 입력했다:
simple-page.html 파일을 만들어줘.
파란색 배경에 "Hello from Claude Code!" 텍스트가 중앙에 보이게.몇 초 만에 HTML 파일이 생성됐다. 브라우저에서 열어보니 정확히 요청한 대로 나왔다.
Python 스크립트 작성
hello.py 파일을 만들어줘.
이름을 물어보고 인사하는 프로그램.Claude Code가 바로 Python 파일을 만들어줬고, 터미널에서 실행하니 잘 작동했다.
버그 수정
일부러 버그가 있는 코드를 주고 “버그 찾아서 고쳐줘”라고 했더니, 문제점을 정확히 찾아서 수정해줬다.
느낀 점
장점:
- 설치가 간단하다
- 한국어로 대화할 수 있다
- 파일 생성/수정이 빠르다
- 코드 설명을 잘 해준다
단점:
- API 비용이 발생한다 (종량제)
- 복잡한 프로젝트는 아직 테스트 안 해봄
다음 계획
- MCP(Model Context Protocol) 연동해서 더 많은 기능 활용해보기
- 실제 프로젝트에 적용해보기
- 블로그 자동화 도구 만들어보기