profile

코드잇

2023. 3. 30
Visual Studio Code 추가 설정

이번 튜토리얼은 몇 가지 도움되는 VSCode 설정들을 소개해 드릴게요. 필수적인 내용은 아니니, 읽어보시고 필요하다고 느끼시는 경우 설정하시면 됩니다.

터미널 폰트 크기 조정

VScode에 내장된 터미널의 폰트 크기가 너무 작다고 느낀 분들도 있을 텐데요. 내장 터미널의 폰트 크기를 조절하는 법을 알려드릴게요.

먼저, 설정으로 이동해 주세요. macOS와 Windows 모두 크게 다르지 않습니다. (화면 하단의 톱니바퀴 아이콘 클릭 > Settings)

igdgxtn0x-vscode-additional-setting-02-rev.png

igdgxtn0x-vscode-additional-setting-01.png

Settings 화면 왼쪽 패널에서 Features > Terminal을 클릭해 주세요. 다음으로 스크롤을 아래로 내리다 보면, Font Size 부분을 찾을 수 있습니다.

igdgxtn0x-vscode-additional-setting-03.png

여기서 원하는 폰트 크기를 입력하고 Settings 창을 닫아 보세요.

터미널의 폰트 크기가 설정한대로 바뀌는 것을 볼 수 있습니다. 원하는 폰트 크기로 자유롭게 설정해 보세요.

igdgxtn0x-vscode-additional-setting-04.png

nodeStudy 디렉토리 열어두기

앞으로 모든 파일과 디렉토리들은 이 nodeStudy 디렉토리 안에 저장할 예정인데요.

VScode에서 이 nodeStudy에 있는 파일 또는 디렉토리를 자유롭게 클릭할 수 있도록 설정해 보겠습니다.

VScode 화면 왼쪽에서 가장 위에 있는 아이콘을 클릭하세요.

igdgxtn0x-vscode-additional-setting-05.png

'Open Folder' 버튼을 클릭하세요.

igdgxtn0x-vscode-additional-setting-06.png

그러면 nodeStudy 디렉토리가 선택된 채로 창이 열리는데요. '열기' 버튼을 눌러주세요.

igdgxtn0x-vscode-additional-setting-07.png

그럼 이제 화면 왼쪽에 nodeStudy 디렉토리 내부에 있는 것들을 바로 선택할 수 있도록 창이 바뀝니다.

igdgxtn0x-vscode-additional-setting-08.png

앞으로 nodeStudy 디렉토리 안에서 새로운 파일이나 디렉토리를 만들더라도 이 탭에서 쉽게 선택할 수 있습니다.

이 튜토리얼은 어땠나요?

(주) 코드잇

대표KANG YOUNG HOON, 이윤수

개인정보보호책임자강영훈

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇