vscode extensionvscode 확장 프로그램vscode extension 추천vscode ai extension 추천vscode javascript extension 추천

2025년 VSCode 추천 Extension(확장 프로그램)

KUKJIN LEE
KUKJIN LEE
2025년 1월 14일
8436

너무 많은 Extension을 설치하면 VSCode가 무거워질 수 있습니다. "나에게 필요한 VSCode Extension은 무엇일까?"를 생각해보고 Extension 사용을 권장드립니다. 설치와 제거가 간단하니, 필요하다고 생각되는 Extension을 사용해 보고, 그렇지 않다고 느껴지면 바로 제거하는 것이 좋습니다. (필요한 확장만 선택적으로 사용하는 것이 좋은게, 여러 Extension을 설치하다 보면 VSCode 속도가 느려질 수 있습니다.)

 

아래 내용에 제외됐지만, Github Copilot 대신 Cline 사용도 추천 드립니다. (2개 모두 사용 후 선택해서 사용하시면 좋습니다.)

 

  • GitLens

    • 특징: 코드 히스토리, 변경 사항 라인별 추적, Git 워크플로우(브랜치, 커밋, 스태시 등) 강화

    • 장점: 협업 시 누가 언제 어떤 코드를 수정했는지 한눈에 알 수 있어 매우 편리

Git lens

  • Prettier - Code Formatter

    • 특징: 저장 시 자동 포매팅, 줄 간격이나 코드 스타일 자동 정렬

    • 장점: 코드 스타일 통일이 쉬워져 협업 시 유용

  • ESLint

    • 특징: 자바스크립트/타입스크립트 코드 품질 검사

    • 장점: 오류를 사전에 잡아내고, 스타일/규칙을 일관성 있게 관리

  • Live Server

    • 특징: HTML/CSS/JS 변경사항을 바로 브라우저에서 확인 가능

    • 장점: 빠른 피드백으로 웹 작업 효율 극대화

live server

  • Path IntelliSense

    • 특징: 파일 경로 자동완성

    • 장점: 폴더 구조가 복잡해도 빠르게 파일 경로 입력 가능

path intellisense

  • Bracket Pair Colorizer 2

    • 특징: 괄호 짝을 색깔로 표시

    • 장점: 중첩 구조가 복잡할 때 가독성 향상, 오류 찾기 용이

  • GitHub Copilot (가장 강력 추천)

    • 특징: AI 기반 코드 자동 완성, 함수/로직 제안

    • 제한적 무료 지원
    • 장점: 반복 작업을 줄여주고, 빠른 프로토타이핑 가능(유료)

github copilot

  • Docker (선택적)

    • 특징: Dockerfile, docker-compose.yml 문법 하이라이트, 자동 완성

    • 장점: 컨테이너 기반 개발환경이 보편화된 만큼, 도커 사용 시 필수에 가깝다

  • Code Spell Checker

    • 특징: 주석, 변수명 등에서 오타 체크

    • 장점: 사소한 스펠링 오류를 방지해 코드 품질과 가독성을 높임

  • Remote - WSL

    • 특징: Windows에서 리눅스 환경(WSL)에 쉽게 접근 가능

    • 장점: 리눅스 기반 개발을 Windows 내에서 손쉽게 진행 가능

  • EditorConfig

    • 특징: 에디터별로 달라질 수 있는 탭/스페이스, 줄바꿈 등을 통일

    • 장점: 협업 시 코드 스타일 충돌을 대폭 줄여주어 프로젝트의 일관성 유지

  • Auto Rename Tag

    • 특징: HTML/JSX/Vue 파일에서 시작 태그를 수정하면 자동으로 종료 태그도 변경

    • 장점: 태그가 많은 코드에서 수정 시간을 절약, 태그 실수로 인한 에러 방지

auto rename tag

  • IntelliCode (특정 언어 제한적 지원)

    • 특징: 마이크로소프트 제공 AI 기반 코드 추천/자동완성(사용자 많음)

    • 개인적으로 Github Copilot, Cline 사용 권장
    • 장점: C#, Python, TypeScript, Java 등에서 보다 정확한 코드 예측 기능

  • Better Comments (협업)

    • 특징: 주석에 TODO, FIXME, NOTE 등을 강조 색으로 구분

    • 장점: 주석을 좀 더 시각적으로 구분해주어 협업/유지보수 시 중요한 부분을 빠르게 찾기 좋음

  • Live Share (협업)

    • 특징: VSCode 상에서 실시간으로 다른 개발자와 코드를 공유하고 공동 작업 가능

    • 장점: 원격 협업이나 페어 프로그래밍이 쉽고 빠르게 이루어짐. 서로 다른 IDE 설정이나 환경이 달라도 문제 없음

  • REST Client

    • 특징: VSCode 에디터 내에서 바로 HTTP 요청을 테스트하고 응답을 확인할 수 있음

    • 장점: Postman 같은 외부 툴을 켜지 않아도 API를 빠르게 테스트 가능, API 문서를 작성하면서 즉시 검증하기 편리

  • Indent Rainbow

    • 특징: 들여쓰기를 색깔로 구분해주는 확장

    • 장점: 특히 파이썬 같은 들여쓰기 의존도가 높은 언어에서 가독성 개선, 들여쓰기 실수를 미연에 방지

  • Tailwind CSS IntelliSense (Tailwind 사용자)

    • 특징: Tailwind CSS 클래스 자동완성과 오류 검사를 제공

    • 장점: Tailwind를 사용하는 프론트엔드 프로젝트에서, 생산성과 정확도 모두 높여주는 인기 확장

tailwind

  • Markdown All in One

    • 특징: 마크다운(Markdown) 문서 작성 시 미리보기, 자동 완성, 목차 생성 등 종합 기능

    • 장점: 개발 문서, README, 블로그 포스팅 등을 마크다운으로 작성할 때 편의성 크게 향상

관련 글

Cursor 작업물 보호하기 (Save, Save As, Save All 살펴보기)

우선 글을 작성하게 된 이유는 많은 분들이 Cursor Save As에 대해서 검색을 하시길래 작성해봤습니다. "버전 관리는 Git이 다 해주는데, 굳이 '다른 이름으로 저장(Save As)'을 쓸 일이 있을까?" 의문도 존재하지만 Git Repository를 세탕...

2026년 4월 4일15

Antigravity의 역대급 '디자인 지능' 업데이트 분석

Claude나 GPT를 활용해 UI/UX 디자인이나 웹페이지 코드를 생성해보면 결과물을 실제로 서비스에 적용하기에는 어딘가 미학적 완성도가 결여되어 있거나 UI 컴포넌트 간의 응집력이 부족한 느낌을 지우기 어렵습니다. AI가 논리적인 코드는 잘 짤지 몰라도, 인간 디자...

2026년 1월 24일20

Cursor 사용자가 작성한 JetBrains Junie 후기

일단 Junie는 JetBrains AI Assistant와 다릅니다. AI Assistant는 코드 자동완성, 설명, 커밋 메시지 생성 등 개발자 작업 지원 도구입니다. 반면 Junie는 개발자 요청에 따라 계획하고 실행하는 AI 코딩 Agents입니다. Junie ...

2025년 7월 22일316

[v0.46 기준] Cursor Yolo Mode 주요 설정 가이드

⚠️ 0.47 이상의 버전에 대한 내용은 작성 예정 입니다. Cursor 버전을 반드시 확인 부탁드립니다. 0.46과 0.47은 기능과 인터페이스에 변경이 있습니다. Yolo Mode (Enable Yolo Mode) 파일 쓰기, 명령 실행 등과 같은 일부 작업을 수행...

2025년 4월 2일2022