Visual Studio Code

Visual Studio Code 화면 구성 완벽 해설! 꼭 알아야 할 기본 메뉴들

jonbeo 2025. 5. 1. 10:20

1. Visual Studio Code 첫 화면 살펴보기

처음 VS Code를 실행하면 깔끔한 화면이 딱 나타나요.
너무 복잡해 보일 수도 있지만, 핵심 구성만 알면 금방 익숙해질 수 있어요!

 

Visual Studio Code 화면
Visual Studio Code 화면


2. 기본 구성요소 설명

🔹 사이드바(Side Bar)

왼쪽에 위치하며 프로젝트를 탐색하거나, Git, 확장 프로그램 등을 사용해요.

  • 탐색기(Explorer): 폴더/파일 구조를 한눈에
  • 검색(Search): 전체 프로젝트 내에서 키워드 검색
  • 소스 제어(Git): Git 상태 확인 및 커밋 가능
  • 확장(Extensions): 유용한 플러그인 설치

Visual Studio Code 사이드바 화면
Visual Studio Code 사이드바 화면


🔹 에디터(Editor)

화면 가운데에 위치하며 실제 코드를 작성하는 공간이에요.
파일을 더블 클릭하면 탭 형식으로 열려요.


🔹 상태 표시줄(Status Bar)

하단에 위치하며 현재 언어, Git 브랜치, 오류 메시지 등을 보여줘요.

 


🔹 명령 팔레트(Command Palette)

Ctrl + Shift + P (Mac은 Cmd + Shift + P)를 눌러 실행 가능
모든 기능을 빠르게 검색해서 실행할 수 있는 강력한 도구예요.


3. 설정(Settings) 열기

오른쪽 아래 톱니바퀴(⚙️)를 클릭하거나, Ctrl + , 단축키로 설정 창을 열 수 있어요.
여기서 테마, 폰트 크기, 자동 저장 등 다양한 옵션을 조정할 수 있어요.


4. 꼭 기억할 단축키 몇 가지

기능 단축키 (Windows) 단축키 (Mac)
명령 팔레트 Ctrl + Shift + P Cmd + Shift + P
파일 열기 Ctrl + O Cmd + O
새 파일 만들기 Ctrl + N Cmd + N
설정 열기 Ctrl + , Cmd + ,