생산성과 워크플로를 개선할 12가지 VS Code 확장

들어가기 전에

올바른 도구를 사용하면 생산성과 효율성에 큰 변화를 가져올 수 있습니다. 개발자도 예외는 아닙니다. 널리 사용되는 코드 편집기인 VS Code(Visual Studio Code)는 기능을 향상하고 개발 워크플로를 간소화하는 광범위한 확장 기능을 제공합니다. 생산성을 높일 수 있는 12가지 필수 Visual Studio Code 확장(Extensions)을 소개합니다.

 

본문에서 소개하는 확장 프로그램은 VS Code를 실행하고 좌측 하단의 [EXTENSIONS]를 통해 쉽게 겁색할 수 있으므로 별도의 링크는 추가하지 않았습니다.

권현욱(엑셀러) | 아이엑셀러 닷컴 대표 · Microsoft Excel MVP · Excel 솔루션 프로바이더 · 작가

(이미지: 아이엑셀러 닷컴)

 

※ 이 글은 아래 기사 내용을 토대로 작성되었습니다만, 필자의 개인 의견이나 추가 자료들이 다수 포함되어 있습니다.

---

• 원문: 12 Visual Studio Code Extensions to improve your productivity and development workflow in 2024
• URL: https://www.geeky-gadgets.com/visual-studio-code-extensions/

---

1. 코드 러너

코드 러너(Code Runner)는 버튼 클릭만으로 코드를 자동으로 컴파일하고 실행하는 필수 Visual Studio Code 확장입니다. 터미널을 사용하여 Java 파일의 클래스를 수동으로 컴파일하는 대신 Code Runner는 프로세스를 간소화하여 프로그램의 출력을 더 쉽고 빠르게 확인할 수 있습니다. 2,450만 다운로드와 별점 4.5점을 받은 이 확장 프로그램은 신뢰할 수 있고 인기 있는 확장 프로그램입니다.

 

2. 탭나인

탭나인(Tabnine)은 사용자가 입력하는 내용을 실시간으로 읽고 코드 완성을 제안하는 AI 기반 코딩 도우미입니다. VS Code와 원활하게 통합되며 상황에 따라 코드 조각을 생성하여 시간을 절약할 수 있습니다. 확장 프로그램을 설치한 후에는 계정을 만들고 토큰을 사용하여 인증해야 합니다. Tabnine은 다양한 프로그래밍 언어와 함께 작동하며 간단한 설명을 기반으로 전체 기능을 생성할 수도 있습니다.

 

3. 라이브 서버

라이브 서버(Live Server)는 웹 개발자에게 꼭 필요한 확장 기능입니다. 실시간 reload 기능이 있는 로컬 개발 서버를 시작할 수 있으므로 코딩하는 동안 브라우저에서 실시간 변경 사항을 확인할 수 있습니다. “Go Live” 버튼을 클릭하기만 하면 프로젝트가 기본 웹 브라우저에서 열립니다. Live Server를 사용하면 HTML, CSS 또는 JavaScript 파일을 변경할 때마다 브라우저를 수동으로 새로 고칠 필요가 없습니다.

 

4. 엑셀 뷰어

데이터 과학자 또는 데이터 분석가라면 엑셀 뷰어(Excel Viewer) 확장이 게임 체인저입니다. VS Code 내에서 직접 Excel 스프레드시트를 보고 상호 작용할 수 있으므로 애플리케이션 간에 전환할 필요가 없습니다. 설치한 후 Excel 파일을 VS Code로 드래그하면 데이터가 보기 좋은 형식의 테이블에 표시됩니다. 이 확장은 대규모 데이터 세트로 작업하거나 코딩하는 동안 데이터를 빠르게 참조해야 할 때 특히 유용합니다.

 

5. 코드 투어

코드 투어(Code Tour)는 코드베이스의 대화형 연습을 만들 수 있는 확장입니다. 새로운 팀 구성원을 온보딩하거나 다른 사람에게 코드를 발표하거나 단순히 사고 과정을 문서화할 때 특히 유용합니다. Code Tour를 사용하면 특정 코드 줄에 주석을 추가하여 둘러보기의 단계를 만들 수 있습니다. 그러면 사용자는 둘러보기를 탐색하고 설명을 읽고 코드 기능을 이해할 수 있습니다.

 

6. Todo Tree

Todo Tree는 코드에서 TODO, FIXME 및 기타 사용자 정의 키워드를 강조 표시하는 유용한 확장입니다. 대규모 프로젝트를 진행하다 보면 이러한 댓글을 간과하기 쉽지만, Todo Tree는 화려한 하이라이트로 이를 돋보이게 합니다. 원하는 대로 키워드와 색상을 맞춤 설정할 수도 있습니다. Todo Tree를 사용하면 주의가 필요한 코드 영역을 빠르게 식별하고 해결할 수 있습니다.

7. 머티리얼 아이콘 테마

생산성과 직접적인 관련은 없지만 머티리얼 아이콘 테마(Material Icon Theme) 확장은 VS Code 환경의 시각적 매력을 향상시킵니다. 다양한 파일 형식에 대한 아름다운 아이콘 세트를 제공하므로 프로젝트 파일을 더 쉽게 식별하고 탐색할 수 있습니다. 확장 프로그램은 선택할 수 있는 다양한 아이콘 테마를 제공하므로 파일 탐색기의 모양과 느낌을 사용자 지정할 수 있습니다.

 

8. Draw.io 통합

Draw.io 통합(Draw.io Integration) 확장은 널리 사용되는 다이어그램 작성 도구인 Draw.io의 강력한 기능을 VS Code에 직접 제공합니다. 이 확장 기능을 사용하면 편집기를 종료하지 않고도 코드의 다이어그램, 순서도 및 기타 시각적 표현을 만들고 편집할 수 있습니다. UML 다이어그램을 만들거나 프로젝트 구조를 시각화하는 데 특히 유용합니다. 확장 프로그램은 다양한 형식으로 다이어그램 내보내기를 지원하므로 다른 사람과 쉽게 공유할 수 있습니다.

 

9. 폴라코드

폴라코드(Polacode)는 코드 조각의 아름다운 스크린샷을 만들 수 있는 확장 프로그램입니다. 소셜 미디어, 프레젠테이션 또는 문서에서 코드를 공유하는 데 적합합니다. 캡처하려는 코드를 강조 표시하고 Polacode 확장 프로그램을 열고 스크린샷의 모양을 사용자 지정하기만 하면 됩니다. 배경색을 조정하고, 그림자를 전환하고, 투명한 배경을 추가할 수도 있습니다. 미리보기가 만족스러우면 이미지를 PNG 파일로 쉽게 내보낼 수 있습니다.

 

10. 코드 스펠 체커

코드 스펠 체커(Code Spell Checker)는 코드에서 철자 오류를 찾아내는 데 도움이 되는 편리한 확장 프로그램입니다. 이는 워드 프로세서의 철자 검사기와 유사하게 작동하여 철자가 틀린 단어에 밑줄을 긋고 수정 제안을 제공합니다. 이 확장은 코드에서 주석, 문서 또는 사용자가 보는 텍스트로 작업할 때 특히 유용합니다. 철자 오류를 조기에 발견하면 코드베이스의 전반적인 품질과 전문성을 향상시킬 수 있습니다.

 

11. 프리티어

Prettier는 미리 정의된 규칙에 따라 코드 형식을 자동으로 지정하는 독창적인 코드 포맷터입니다. 다양한 프로그래밍 언어를 지원하고 프로젝트 전체에서 일관된 형식을 보장합니다. Prettier를 사용하면 수동 서식 지정에 대한 걱정 없이 코드 작성에 집중할 수 있습니다. 저장 시 코드 형식을 지정하도록 확장을 구성하여 코드베이스가 깔끔하고 읽기 쉬운 구조를 유지하도록 할 수 있습니다.

 

12. 바이브런시

바이브런시(Vibrancy)는 VS Code 환경에 스타일을 추가하는 확장입니다. 편집기 배경에 반투명의 유리 같은 효과를 제공하여 시스템 배경화면이 미묘하게 빛나게 합니다. Vibrancy는 생산성에 직접적인 영향을 미치지는 않지만 코딩 경험을 시각적으로 더욱 즐겁고 즐겁게 만들어줍니다. 대부분의 VS Code 테마와 호환되므로 생동감 효과를 즐기면서 좋아하는 색 구성표를 계속 사용할 수 있습니다.

Excel과 VBA의 모든 것 아이엑셀러 닷컴 · 강사들이 숨겨 놓고 보는 엑셀러TV