VS Code 같은 편집기 안에서 Claude를 바로 사용하는 방법
IDE 연동이란?
터미널에서 사용
“전화로 대화”하는 것
VS
IDE에서 사용
“옆자리에 앉아서 같이 화면 보면서 대화”
지원하는 편집기
VS Code
가장 많이 쓰는 편집기. 확장 프로그램을 설치하면 바로 사용 가능합니다.
JetBrains
IntelliJ, WebStorm, PyCharm 등에서도 사용할 수 있습니다.
VS Code에서 시작하기
1
VS Code를 엽니다
2
확장 프로그램 열기
왼쪽 사이드바의 확장 프로그램 아이콘을 클릭합니다
3
“Claude Code” 검색 후 설치
4
사용 시작
왼쪽 사이드바에 Claude 아이콘이 생깁니다
IDE에서 쓰면 뭐가 좋은가?
코드를 바로 보여줄 수 있음
코드를 드래그해서 선택한 뒤 “이 부분 설명해줘”라고 하면 됩니다.
변경 내용을 눈으로 확인
Claude가 수정한 부분을 색깔로 구분해서 보여줍니다. 마음에 들면 적용, 아니면 취소.
화면 전환이 필요 없음
편집기 안에서 코딩과 AI 대화를 동시에 할 수 있습니다.
프로젝트 구조를 자동으로 이해
현재 열린 파일과 프로젝트 구조를 Claude가 자동으로 파악합니다.
터미널 vs IDE, 뭘 쓸까?
코드를 직접 보면서 수정하고 싶을 때
IDE 연동
간단한 질문, 빠른 작업
터미널
자동화 스크립트에 연결할 때
터미널
처음 배우는 중일 때
IDE 연동
💻 Claude Code 사용하기5 / 11강
- 1강Claude Code란 터미널에서 AI와 함께 코딩하는 도구
- 2강Claude Code 설치 방법 윈도우 맥 설치와 첫 실행
- 3강Claude Code 동작 방식 프로젝트 전체를 이해하는 원리와 3가지 모드
- 4강Claude Code CLI 명령어와 단축키 정리
- 5강Claude Code VS Code 연동 방법 편집기 안에서 쓰기지금 보는 강의
- 6강Claude Code Git 연동 커밋과 브랜치를 대화로 처리하기
- 7강Claude 컨텍스트 윈도우 관리 한 번에 기억하는 양과 아끼는 법
- 8강Claude Code로 새 프로젝트 만들기 대화로 시작하는 개발
- 9강Claude Code로 버그 찾기와 수정 에러 메시지만 보여주면 된다
- 10강Claude Code로 코드 개선과 리팩토링 하는 법
- 11강Claude Code로 반복 작업 자동화 스킬과 파이프라인 만들기