VSCode 확장 프로그램 및 단축키 모음

[패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(2)

VSCode 확장 프로그램(플러그인) 모음

한글화: Korean Language Pack for Visual Studio Code

VSCode를 한글화 해주는 확장 프로그램으로, 메뉴, 폴더명 등이 한글로 변경 됨.

태그 이름 한 번에 변경: Auto Rname Tag

시작태그와 종료태그를 동시에 수정할 수 있음.

실시간으로 브라우저에 출력: Live Server

*Live Server는 개발을 위해 임시로 로컬 서버(내 컴퓨터 환경)를 오픈하는 것이며, 제품(Product)은 실제 호스팅 서버(사용자들이 접근 가능한)에 업로드 해야함.

---

VSCode 단축키 모음
*개인적으로 중요하다고 생각하는 단축키

기능	Windows	MacOS
사이드 바 열기/닫기	Cmd + B	Ctrl + B
빠른 열기(파일이나 기호 탐색)	Cmd + P	Ctrl + P
모든 명령 표시	Cmd + Shift + P	Ctrl + Shift + P
편집기 닫기	Cmd + W	Crtl + W
찾기(검색)-현재 문서에서	Cmd + F	Ctrl + F
찾기(검색)/바꾸기(대체)	Cmd + Alt(Opt) + F	Ctrl + H
줄 위로 이동	Alt(Opt) + Up(↑)	Alt + Up(↑)
줄 아래로 이동	Alt(Opt) + Down(↓)	Alt + Down(↓)
아래에 줄 복사	Alt(Opt) + Shift + Down(↓)	Alt + Shift + Down(↓)
위에 줄 복사	Alt(Opt) + Shift + Up(↑)	Alt + Shift + Up(↑)
되돌리기	Cmd + Z	Ctrl + Z
들여쓰기(Indent, 권장 공백: 2)	Tab	Tab
내어쓰기(Outdent)	Shift + Tab	Shift + Tab
코드 정렬하기	Cmd + K + F	Ctrl + K + F
이전 편집기 열기(좌측 창으로 전환)	Cmd + Shift + [	Ctrl + PageUp
다음 편집기 열기(우측 창으로 전환)	Cmd + Shift + ]	Ctrl + PageDown
편집기 분할(Open to the Side)	Cmd + \(백 슬래쉬)	Ctrl + \