[Claude Code 입문 E19] VS Code 확장 프로그램: 설치, @-멘션, 체크포인트, Chrome 연동

Claude Code VS Code 확장 프로그램을 다룹니다. 설치와 초기 설정부터 프롬프트 박스, @-멘션, 권한 모드, 체크포인트, 단축키, 플러그인, Chrome 브라우저 연동까지 IDE 안에서 Claude Code를 활용하는 방법을 알아봅니다. 📌 다루는 내용 - 설치와 시작: 요구 사항, 마켓플레이스 설치, 패널 열기, 로그인 - 프롬프트 박스: 권한 모드 전환(default, acceptEdits, plan, auto), 명령 메뉴, 컨텍스트 표시, 확장 사고 - @-멘션: 파일·폴더 참조, 코드 선택 영역 삽입(Option+K / Alt+K), 터미널 출력 참조(@terminal:name) - 대화 관리: 히스토리 검색, 원격 세션 재개, 여러 대화 병렬 실행 - 체크포인트: 자동 상태 추적, 대화 분기, 코드 되돌리기 - 단축키와 명령어: Cmd+Esc 포커스 토글, URI 핸들러 - 플러그인 관리: 설치 스코프(사용자, 프로젝트, 로컬), 마켓플레이스 - Chrome 브라우저 연동: @browser로 웹 앱 테스트, 콘솔 디버깅 - 확장 프로그램 vs CLI: 공유 기능과 CLI 전용 기능 비교 📌 환경 정보 - VS Code 1.98.0 이상 - Claude Code 설치 및 인증 완료 (E08~E10 참고) - 권한 시스템 이해 (E17 참고) - 터미널 사용법 이해 (E18 참고) 📌 챕터 0:00 설치와 시작 2:52 프롬프트 박스와 권한 모드 4:52 @-멘션으로 파일 참조 5:47 대화 관리 6:42 체크포인트 7:52 단축키와 명령어 8:33 플러그인 관리 9:19 Chrome 브라우저 연동 11:20 확장 프로그램 vs CLI 📌 참고 링크 - 블로그: https://neosarchizo.github.io/posts/claude-code-19-vs-code-extension - Use Claude Code in VS Code: https://code.claude.com/docs/en/vs-code - Permission modes: https://code.claude.com/docs/en/permission-modes - Checkpointing: https://code.claude.com/docs/en/checkpointing - Use Claude Code with Chrome: https://code.claude.com/docs/en/chrome - Create plugins: https://code.claude.com/docs/en/plugins #ClaudeCode #VSCode #IDE확장