jonbeo 님의 블로그

VS Code는 기본 상태로도 훌륭하지만,필요한 확장 프로그램을 잘 설치하면 생산성, 코드 품질, 디자인 감각까지 모두 향상됩니다.2025년 기준으로 실무 프론트엔드 개발자들이 가장 많이 쓰는 플러그인 10가지를 소개합니다 👇⚡ 1. ESLint🧠 코드 품질 관리 필수자바스크립트 문법, 포맷 오류 자동 검출npm install eslint --save-dev.eslintrc 설정으로 팀 코드 스타일 통일📌 추천 조합 → Prettier + ESLint🎨 2. Prettier – Code Formatter🖋️ 코드 자동 정렬저장 시 자동으로 코드 포맷팅들여쓰기, 세미콜론, 따옴표 통일formatOnSave: true로 설정🧩 3. Path Intellisense🔗 경로 자동 완성import 경..

안녕하세요 😊프론트엔드·백엔드 개발자 모두 가장 많이 사용하는 에디터 중 하나가 **Visual Studio Code(이하 VS Code)**입니다.VS Code의 강력한 장점은 바로 **확장 프로그램(Extensions)**을 통해 기능을 무한히 확장할 수 있다는 점이죠. 오늘은 초보 개발자부터 실무자까지 꼭 설치하면 좋은 생산성 확장 프로그램 5가지를 소개합니다.📍 1. Prettier – 코드 포맷터코드를 자동으로 보기 좋게 정리해주는 확장들여쓰기, 세미콜론, 따옴표 스타일 등을 일관되게 맞춰줍니다. // 포맷 전function test(){console.log("Hello")}// 포맷 후function test() { console.log("Hello");} 👉 협업 시 코드 스타일로 싸..

안녕하세요 😊Git을 쓰다 보면 “이 코드 누가, 언제, 왜 변경했지?”라는 궁금증이 생길 때가 많죠.그럴 때 강력한 힘을 발휘하는 VS Code 확장 프로그램이 바로 GitLens입니다.GitLens는 단순한 Git 플러그인이 아니라,코드 히스토리·기여자·변경 이유까지 상세하게 보여주는 Git 슈퍼툴입니다.📍 1. GitLens란?VS Code 전용 Git 확장 프로그램커밋 히스토리, 기여자 정보, 변경 이력 등을 IDE 안에서 바로 확인Blame 주석으로 해당 줄의 마지막 수정자·수정 시점 표시코드 비교, 파일 이력 탐색, 커밋 검색까지 지원📍 2. 설치 방법VS Code 왼쪽 Extensions(확장) 패널 클릭GitLens — Git supercharged 검색설치 후 VS Code 재시작상..