VS Code 필수 단축키와 화면 구성 익히기

단계를 눌러 순서대로 확인해보세요.

화면 구성 이해하기
VS Code는 왼쪽 사이드바(탐색기), 가운데 에디터 영역, 하단 통합 터미널, 아래쪽 상태 표시줄로 이루어져 있어 이 구조만 익혀도 기본적인 이동이 쉬워집니다.
커맨드 팔레트 활용하기
Ctrl+Shift+P를 누르면 커맨드 팔레트가 열리며, 메뉴를 찾아 헤매지 않고 이름만 검색해 원하는 명령을 바로 실행할 수 있습니다.
파일 빠르게 열기
Ctrl+P를 누른 뒤 파일 이름의 일부만 입력하면 원하는 파일을 클릭 몇 번 없이 즉시 열 수 있습니다.
멀티 커서로 여러 줄 동시 편집하기
Alt 키를 누른 채 원하는 위치를 클릭하면 커서가 여러 개 생기고, 여러 줄을 한 번에 수정할 수 있어 반복 작업 시간이 크게 줄어듭니다.
통합 터미널 열기
Ctrl+`(백틱) 단축키로 에디터 안에서 바로 터미널을 열어, 창을 전환하지 않고도 명령어를 실행할 수 있습니다.
설정 동기화로 여러 기기에서 같은 환경 사용하기
계정으로 로그인해 Settings Sync를 켜두면 확장 프로그램, 단축키, 테마 같은 설정이 다른 컴퓨터에서도 그대로 유지됩니다.

확장 프로그램 설치 전에 알아두면 좋은 기본기

VS Code는 확장 프로그램을 설치하지 않아도 기본 단축키만 잘 활용하면 마우스 클릭보다 훨씬 빠르게 코드를 탐색하고 편집할 수 있습니다.

API 요청을 테스트하고 싶다면 포스트맨도 확인해보세요

작성한 코드가 실제로 API와 잘 통신하는지 확인하고 싶다면 포스트맨(Postman)으로 API 테스트하는 기초 방법도 참고해보세요.

자주 묻는 질문

맥과 윈도우에서 단축키가 다른가요?

네, 윈도우에서는 Ctrl 키를 사용하는 대부분의 단축키가 맥에서는 Command 키로 바뀌므로, 자신의 운영체제에 맞는 키를 확인하는 것이 좋습니다.

설정 동기화를 켜면 어떤 계정으로 로그인해야 하나요?

마이크로소프트 계정이나 깃허브 계정으로 로그인할 수 있으며, 같은 계정으로 다른 컴퓨터에 로그인하면 설정이 자동으로 동기화됩니다.