탐색기 아이콘 가독성 — Material Icon Theme

VS Code 기본 탐색기(Explorer) 아이콘은 단조로워서 파일 종류가 한눈에 안 들어와요. Material Icon Theme를 설치하면 확장자·폴더별로 색과 모양이 뚜렷한 아이콘이 붙어, 파일 트리를 훑는 속도가 확 빨라집니다.

한 줄 요약 — 확장 Material Icon Theme(PKief) 설치 → 파일 아이콘 테마로 선택. 폴더까지 색이 입혀져 src·test·config·assets가 한눈에 구분돼요.

설치 전 · 후

기본 아이콘 (before)

Explorer

src

main.go

config.json

README.md

Material Icon Theme (after)

Explorer

src

main.go

config.json

README.md

※ 위 미리보기는 느낌을 보여주는 예시 그림이에요. 실제 아이콘은 훨씬 정교하고 확장자 수백 종을 지원해요.

설치하기 (2가지 방법)

방법 A — 확장 마켓에서 (가장 쉬움)

Ctrl/Cmd+Shift+X 로 확장 패널 열기
검색창에 Material Icon Theme 입력 (게시자 PKief)
설치 클릭 → 보통 “파일 아이콘 테마로 설정” 안내가 뜨면 눌러요
안 떴다면: Ctrl/Cmd+Shift+P → Preferences: File Icon Theme → Material Icon Theme 선택

방법 B — 명령/설정으로

명령 팔레트에서 바로 설치할 수도 있어요.

ext install PKief.material-icon-theme

Ctrl/Cmd+Shift+P → Extensions: Install Extensions 후 위 ID로 검색하거나, settings.json에 아이콘 테마를 직접 지정해도 돼요:

{
  "workbench.iconTheme": "material-icon-theme"
}

WSL·원격에서 쓴다면 — 아이콘 테마는 UI(로컬) 쪽 확장이라, WSL/SSH 원격 창에서도 로컬에 한 번 설치하면 그대로 적용돼요. 원격 쪽에 따로 설치할 필요는 없어요.

가독성 높이는 추천 설정 (선택)

settings.json에 넣으면 폴더 색·형태를 취향껏 조절할 수 있어요.

설정	효과
material-icon-theme.folders.theme	"classic"(채운 폴더) / "specific"(폴더별 아이콘) / "none"
material-icon-theme.folders.color	폴더 기본 색 지정 (예: "#42a5f5")
material-icon-theme.hidesExplorerArrows	true면 트리 화살표 숨겨 더 깔끔
material-icon-theme.activeIconPack	프레임워크 아이콘 팩 (예: "react", "angular", "nest")

{
  "workbench.iconTheme": "material-icon-theme",
  "material-icon-theme.folders.theme": "specific",
  "material-icon-theme.hidesExplorerArrows": true
}

알아두면 좋은 것
• 특정 파일·폴더 아이콘이 마음에 안 들면, 탐색기에서 우클릭 → “File Icon” / “Folder Icon”으로 개별 지정할 수 있어요.
• 아이콘 테마를 되돌리려면 Preferences: File Icon Theme → None 또는 Seti(기본) 선택.
• 자매 확장 Material Product Icons는 탭·사이드바 UI 아이콘까지 바꿔줘요(파일 아이콘과 별개).