[vscode] 비주얼 스튜디오 코드 기본 익스텐션

Visual Studio Code(이하 VSCode)는 다양한 익스텐션(확장 기능)을 통해 개발 환경을 더욱 효율적으로 만들어준다. 

1. Material Icon Theme

• 역할: 아이콘 테마 제공
• 주요 기능: 파일 및 폴더에 적합한 아이콘 제공, 가독성 향상

2. Korean Language Pack for Visual Studio Code

 

• 역할: VSCode 사용자 인터페이스(UI)를 한국어로 번역
• 주요 기능: 메뉴, 대화 상자, 메시지 등을 한국어로 표시

3. Bracket Pair Color DLW

• 역할: 코드 가독성 향상
• 주요 기능: 괄호 쌍 색상 구분, 중첩 구조 파악 용이

4. indent-rainbow

• 역할: 코드의 들여쓰기 가시화
• 주요 기능: 들여쓰기 레벨별로 다른 색상 표시

5. Auto Rename Tag

• 역할: HTML/XML 태그 자동 동기화
• 주요 기능: 시작 태그와 종료 태그를 동시에 수정

6. Auto import

• 역할: 자동으로 모듈 및 패키지 임포트
• 주요 기능: 사용된 함수나 클래스의 임포트 문 자동 추가

7. CSS Peek

• 역할: CSS 스타일 확인 및 탐색
• 주요 기능: HTML 클래스나 ID에 해당하는 CSS 정의를 인라인으로 표시

8. HTML CSS Support

• 역할: HTML과 CSS 간의 지원 강화
• 주요 기능: HTML 파일에서 CSS 클래스 및 ID 자동 완성 제공

9. HTML to CSS autocomplete

• 역할: CSS 파일에서 HTML 클래스 및 ID 자동 완성 제공
• 주요 기능: CSS 파일에서 HTML 파일에 정의된 클래스 및 ID를 자동 완성

10. Live Server

• 역할: 개발용 서버 실행
• 주요 기능: 로컬 서버 실행, 파일 변경 시 자동 리프레시

11. Image preview

• 역할: 이미지 파일 미리보기
• 주요 기능: 이미지 파일에 대한 인라인 미리보기 제공

12. Prettier - Code formatter

• 역할: 코드 포맷팅
• 주요 기능: 일관된 코드 스타일 유지, 자동 포맷팅

13. ESLint

• 역할: JavaScript 코드 품질과 스타일 검사
• 주요 기능: 코드 문법 및 스타일 오류 검출, 코드 규칙 준수 유도

11. Image preview

• 역할: 이미지 파일 미리보기
• 주요 기능: 이미지 파일에 대한 인라인 미리보기 제공

12. Markdown Preview Enhanced

• 역할: Markdown 파일의 미리보기 기능을 확장
• 주요 기능: 실시간 Markdown 렌더링