VSCode 최적화: 느린 에디터를 빠르게 만드는 10가지 설정

코딩을 하다 보면 여러분의 VSCode(Visual Studio Code)의 성능이 느려지는 경험을 한 적이 있으신가요? VSCode는 강력한 성능과 다양한 확장 기능을 제공하지만, 기본 설정만으로는 최적의 속도를 유지하기 어려울 때가 있습니다. 시간이 지날수록 확장(extension)들이 많아지거나, 설정이 복잡해지면서 속도 저하를 초래하기도 합니다. 


이번 시간에는 느린 VSCode를 빠르고 효율적으로 만드는 10가지 설정 방법을 공유합니다. 이 콘텐츠는 초보부터 숙련된 개발자 모두를 위한 쉬운 단계별 가이드를 제공하며, 최적화된 코딩 환경을 만드는 데 도움을 줄 것입니다. 우선 아래 설정을 따라 적용해 보시고, 필요에 따라 추가된 리소스를 확인해 주세요.


VSCode 최적화


📋 1. 불필요한 확장 삭제

VSCode의 확장 기능은 정말 유용하지만, 과도한 확장 설치는 에디터 속도를 저하시킬 수 있습니다. 

- 확장 삭제 방법:

1. 사이드바의 Extensions 아이콘(Ctrl+Shift+X) 클릭 
2. 사용하지 않는 확장을 찾아 Uninstall 버튼 클릭 
- 팁: 꼭 필요한 확장 목록 한두 개를 남기고, 사용하지 않는 확장은 과감히 제거하세요.


🚫 2. 자동 저장 끄기

자동 저장 기능은 편리하지만, 파일 크기가 크거나 저장이 잦아질 경우 성능 저하로 이어질 수 있습니다. 

- 설정 변경:

1. VSCode Ctrl+Shift+P → Preferences: Open Settings(JSON) 입력 
2. “files.autoSave”: “off” 추가하여 자동 저장 기능을 끄세요. 

🚀 3. 파일 탐색 최적화하기

VSCode는 작업 영역(workspace)에 있는 모든 파일을 로드합니다. 대규모 프로젝트의 경우, 불필요한 파일까지 읽어들여 성능 문제가 발생할 수 있습니다. 

- 해결 방법:

- .gitignore 파일 작성 시 불필요한 경로를 추가 
- files.exclude 설정으로 프로젝트 폴더 내 특정 파일 제외: 

"files.exclude": {
  "**/*.log": true,
  "node_modules": true

🌓 4. 테마 및 아이콘 경량화

화려한 테마와 아이콘 팩은 작업의 즐거움을 더해주지만, 성능에는 영향을 미칠 수 있습니다. 

- 권장 테마 및 아이콘 팩:

- 경량화된 테마 추천: One Dark, Solarized Light. 
- 최소 아이콘 팩 추천: Minimal Icons. 

✨ 5. 효율적인 코드 하이라이팅 설정

확장 기능을 많이 사용할수록 코드 하이라이팅(Code Highlighting)이 느려질 수 있습니다. 특히, 대규모 코드 파일에서 하이라이팅 지연 문제가 발생합니다. 

- 최적화 방법:

1. Bracket Pair Colorizer와 같은 확장을 비활성화 
2. 기본 제공되는 하이라이터 사용 권장 

🔥 6. 하드웨어 가속 끄기

저사양 PC나 노트북에서 VSCode가 무거운 이유 중 하나는 하드웨어 가속 기능 때문일 수 있습니다. 

- 설정 변경:

1. Ctrl+Shift+P → Preferences: Open Settings 
2. Find Setting에 hardwareAcceleration 검색 
3. true 값을 false로 변경: 

"disable-hardware-acceleration": true 

📂 7. TypeScript IntelliSense 비활성화

대형 TypeScript 프로젝트를 작업할 때 IntelliSense 기능이 느려질 수 있습니다. 

- 비활성화 방법:

- 프로젝트 폴더에 tsconfig.json을 만들어 필요한 영역만 IntelliSense가 동작하도록 제한합니다. 

"compilerOptions": {
  "noUnusedLocals": true

⏩ 8. 터미널 속도 개선

VSCode 내부 터미널은 속도가 느려질 때가 많습니다. 

- 해결 방법:

- 터미널에서 Bash나 PowerShell 대신, 보다 가벼운 Cmder 또는 Alacritty와 같은 외부 터미널 사용을 추천합니다. 


📊 9. 히스토리 저장 제한

편집 기록(history)을 무한대로 저장하는 경우 VSCode 속도가 저하될 수 있습니다. 

- 최적화 방법:

"files.hotExit": "off",
"workbench.editor.history.maxEntries": 20 

💾 10. 프로젝트 크기 관리

대형 폴더 내 코드 작업은 VSCode 성능에 부정적인 영향을 미칩니다. 프로젝트를 활성 관리하시길 권장합니다. 

- 불필요한 파일 삭제 
- 작업 분할을 통해 코드 관리 

마치며

위의 최적화 방법들을 활용하여 여러분의 VSCode를 빠르고 스마트한 작업 환경으로 만들어보세요. 하나의 설정만으로도 큰 차이를 느끼실 수 있을 것입니다. 필요에 따라 이번 설정들을 반복적으로 점검하며 최상의 성능을 유지하시길 바랍니다.