VS Code 고급 편집 & 리팩토링 단축키 가이드

VS 코드 고급 편집 및 리팩토링 단축키 가이드

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

개발 툴

대상자

VS Code 사용자, 프론트엔드/백엔드 개발자, 모든 언어(React, Python, Rust, Go 등) 개발자. 중급~고급 레벨의 사용자에게 적합.

핵심 요약

  • 멀티 커서 기능(Alt + Click, Ctrl + D)으로 대량 편집 가능
  • 리팩토링(F2, Ctrl + .)을 통해 코드 유지보수 효율성 극대화
  • 스마트 선택(Shift + Alt + →, Ctrl + F2)로 코드 조각 빠르게 선택/변경

섹션별 세부 요약

1. 코드 편집 단축키

  • Shift + Alt + ↑/↓ (Windows) / Shift + Option + ↑/↓ (Mac): 행 복사
  • Ctrl + Shift + K (Windows) / Cmd + Shift + K (Mac): 행 삭제
  • Ctrl + ] / [ (Windows) / Cmd + ] / [ (Mac): 들여쓰기/내어쓰기
  • Ctrl + / (Windows) / Cmd + / (Mac): 라인 주석 토글

2. 멀티 커서 마법

  • Alt + Click (Windows) / Option + Click (Mac): 커서 추가
  • Ctrl + D (Windows) / Cmd + D (Mac): 다음 일치 항목 선택
  • Ctrl + Shift + L (Windows) / Cmd + Shift + L (Mac): 모든 일치 항목 선택
  • Ctrl + Alt + ↑/↓ (Windows) / Option + Cmd + ↑/↓ (Mac): 커서 위/아래 삽입

3. 리팩토링 도구

  • F2: 심볼 이름 변경 (예: 변수명 수정)
  • Ctrl + . (Windows) / Cmd + . (Mac): 빠른 수정 및 리팩토링 제안
  • Alt + Shift + O (Windows) / Option + Shift + O (Mac): 임포트 정리
  • Ctrl + Shift + M (Windows) / Cmd + Shift + M (Mac): 문제 패널 표시

4. 스마트 선택 기능

  • Shift + Alt + → (Windows) / Shift + Option + → (Mac): 선택 영역 확장
  • Shift + Alt + ← (Windows) / Shift + Option + ← (Mac): 선택 영역 축소
  • Ctrl + F2 (Windows) / Cmd + F2 (Mac): 모든 발생 위치 선택
  • F3 / Shift + F3 (Windows) / Cmd + G / Shift + Cmd + G (Mac): 다음/이전 발생 위치 이동

결론

  • 멀티 커서(Alt + Click, Ctrl + D)로 대량 편집, 변수 이름 변경(F2)을 통해 유지보수 시간 절약
  • Ctrl + .으로 자동 임포트/오류 수정, Ctrl + F2로 전체 발생 위치 빠르게 선택
  • 다음 주에 Alt + Click, F2, Ctrl + . 사용해보기 추천. Part 3에서는 터미널 단축키 및 디버깅 도구 다룰 예정.