개발자들에게 Visual Studio Code(VS Code)는 단순한 텍스트 에디터를 넘어 하나의 '작업실'과 같습니다. 하지만 기본 상태의 VS Code는 텅 빈 방과 같습니다. 어떤 가구를 배치하고 어떤 도구를 갖추느냐에 따라 작업 효율은 천차만별로 달라집니다. 15년 차 개발자인 제가 수많은 도구를 써보고 엄선한, 생산성을 말 그대로 2배 이상 끌어올려 줄 필수 확장 프로그램(Extensions) 리스트를 정리했습니다. 이 설정만 마쳐도 여러분의 코딩 속도와 가독성이 비약적으로 상승할 것입니다.

코드 자동 완성의 혁명, GitHub Copilot

AI 시대에 가장 필수적인 도구입니다. 내가 작성하려는 코드의 의도를 파악해 다음 줄을 제안해 줍니다. 단순 반복적인 코드 작성을 획기적으로 줄여주며, 새로운 라이브러리 사용법을 익힐 때도 훌륭한 가이드가 됩니다. 유료임에도 불구하고 그 이상의 가치를 충분히 제공합니다.

코드의 품격을 높이는 Prettier

팀 프로젝트뿐만 아니라 개인 프로젝트에서도 코드 포맷팅은 필수입니다. 저장 버튼을 누르는 순간 들여쓰기, 따옴표 설정, 줄 바꿈 등을 사전에 정의된 규칙에 따라 자동으로 정렬해 줍니다. 코드를 예쁘게 다듬는 데 쓰는 시간을 0초로 만들어 줍니다.

오류를 사전에 방지하는 ESLint

자바스크립트나 타입스크립트 개발자라면 필수입니다. 문법적인 오류나 잠재적인 버그를 실시간으로 밑줄을 쳐서 알려줍니다. 실행해 보기 전에 코드 상의 결함을 바로잡을 수 있어 디버깅 시간을 획기적으로 단축해 줍니다.

색상으로 구분하는 가독성, Bracket Pair Colorizer

수많은 괄호({, [, () 속에서 길을 잃어본 적이 있다면 이 프로그램이 구세주가 될 것입니다. 짝이 맞는 괄호끼리 같은 색상을 부여하여 코드의 구조를 한눈에 파악하게 도와줍니다. (현재는 VS Code 기본 기능에 포함되었으나, 추가 설정을 통해 더 화려하게 커스텀 가능합니다.)

실시간 브라우저 반영, Live Server

HTML/CSS 수정을 마칠 때마다 브라우저를 새로고침하고 계신가요? Live Server를 사용하면 코드를 저장하는 즉시 브라우저가 실시간으로 업데이트됩니다. 프론트엔드 작업 시 생산성을 결정짓는 핵심적인 도구입니다.

Git 관리를 시각화하는 GitLens

코드의 각 줄을 누가, 언제, 왜 수정했는지(Git Blame) 에디터 상에서 바로 보여줍니다. 협업 시 과거 기록을 추적하기 매우 용이하며, 파일의 히스토리를 시각적으로 탐색할 수 있어 Git 사용이 훨씬 쉬워집니다.

경로 오타는 이제 그만, Path Intellisense

파일을 불러올 때 경로를 일일이 타이핑하다가 오타가 나서 에러가 난 경험이 있으실 겁니다. 이 확장 프로그램은 파일 경로를 자동으로 완성해 줍니다. 프로젝트 구조가 복잡해질수록 그 진가를 발휘하는 도구입니다.

직관적인 파일 탐색, Material Icon Theme

기본 아이콘은 파일 확장자를 구분하기가 다소 어렵습니다. 각 언어와 프레임워크에 맞는 고유의 아이콘을 입혀주면 파일 탐색기에서 원하는 파일을 찾는 속도가 훨씬 빨라집니다. 시각적인 즐거움은 덤입니다.

빠른 테스트를 위한 REST Client

API 테스트를 위해 Postman 같은 별도의 앱을 켤 필요가 없습니다. VS Code 내에서 .http 파일만 만들면 바로 API 요청을 보내고 응답을 확인할 수 있습니다. 가볍고 빠르며 프로젝트 내에 테스트 코드를 포함시키기도 좋습니다.

오타 방지의 수호자, Code Spell Checker

변수명이나 주석에 영문 오타가 있으면 전문성이 떨어져 보일 수 있습니다. 실시간으로 영문 철자 검사를 해주는 이 도구는 사소하지만 깔끔한 코드를 만드는 데 큰 도움을 줍니다. 동료 개발자들에게 신뢰를 주는 첫걸음입니다.

확장 프로그램은 많이 설치한다고 좋은 것이 아닙니다. 너무 많으면 오히려 에디터가 무거워질 수 있죠. 위에 언급한 리스트는 가벼우면서도 실무에서 가장 파급력이 큰 도구들입니다. 지금 바로 본인의 VS Code에 하나씩 설치하고 설정해 보세요. 도구가 바뀌면 작업의 질이 바뀌고, 작업의 질이 바뀌면 여러분의 가치도 함께 올라갈 것입니다.