설치만 해도 개발이 편해지는 VS Code 확장 프로그램

안녕하세요. Jay입니다!

VS Code 새로 깔고 나서 "다들 뭘 깔아 쓰지?" 궁금하셨던 적 있으시죠? 저도 프론트엔드 개발자로 매일 쓰는데, 확장 프로그램 몇 개만 깔아도 작업이 훨씬 쾌적해지더라고요.

오늘은 용도별로 깔아두면 좋은 확장 프로그램을 정리해 보겠습니다.

🎨 코드 가독성

• Prettier — 저장만 하면 코드 자동 정렬. 팀 협업 필수
• ESLint — 잠재적 오류·나쁜 패턴을 실시간으로 잡아줌
• Indent Rainbow — 들여쓰기를 색으로 구분해 구조 파악이 쉬움

⚡ 생산성

• Auto Rename Tag — 여는 태그 바꾸면 닫는 태그도 자동 변경
• Path Intellisense — 파일 경로 자동완성
• GitLens — 각 줄을 누가 언제 바꿨는지 바로 확인

🌈 보기 편하게

• Material Icon Theme — 파일 종류별 아이콘으로 탐색이 빨라짐
• 마음에 드는 컬러 테마 하나 (눈이 편한 게 최고예요)

💡 팁

• 확장은 많다고 좋은 게 아닙니다. 너무 많으면 에디터가 무거워져요. 안 쓰는 건 과감히 정리하세요.
• 팀 프로젝트라면 Prettier·ESLint 설정을 팀과 통일하는 게 중요합니다.

결론

확장 프로그램은 "내 작업 환경을 나한테 맞추는" 과정입니다. 위에서 두세 개만 깔아도 체감이 다를 거예요. "도구를 다듬는 시간은 낭비가 아닙니다." 오늘 한번 정비해보세요!

다음에도 유익한 포스팅으로 찾아오겠습니다. 감사합니다!