VS Code extension(플러그인 확장 기능) 기본 설정 추천

Visual Studio Code의 기본 Extension 추천

• Tool :
  

🔔 VS Code의 장점

• VS Code의 장점 중 하나는 Extensions로 다양한 기능을 사용할 수 있다는 것입니다.
• 이 확장 기능(플러그인)은 VS Code Marketplace에서 보통 무료로 구비할 수 있습니다.
• Extension의 종류로는 각종 개발 언어부터 코딩 기능까지 다양합니다.
• 그런데 Extension의 개수가 너무 많기 때문에 필수적인 것을 선택하기 어렵습니다.
• 그래서 이 글에서는 VS Code 초기 사용 시 필요한 Extension을 추천 드리겠습니다.
• 참고로 모든 기능은 설치 후 ‘사용’ 상태로 설정하셔야 됩니다.

🔔 HTML / CSS / Liquid / SASS / JavaScript 개발을 위한 Extensions

📌 Material Theme

• VS Code의 전체적인 색 테마를 설정하는 기능입니다.
• 대표적으로 Material Theme Darker High Contrast 테마가 있습니다.

📌 Material Icon Theme

• HTML, CSS, JS 등의 파일을 좋은 디자인의 아이콘으로 구분되게 하는 기능입니다.

📌 Auto Rename Tag

• 시작 태그와 끝 태그의 짝을 맞춰주는 기능입니다.
• 코드가 길어질수록 동일 태그를 찾아내기 곤란해집니다.
• 이 기능은 이러한 불편함을 해소시키는 수단이며 태그명이 동시에 수정됩니다.

📌 HTML to CSS autocompletion

• HTML 파일에서 작성한 내용과 CSS 파일에서 작성한 내용을 연동시키는 기능입니다.

📌 HTML CSS Support

• 위의 HTML to CSS autocompletion와 대비되는 기능입니다.
• CSS 파일에서 작성한 내용과 HTML 파일에서 작성한 내용을 연동시키는 기능입니다.

📌 CSS Peek

• Ctrl 클릭 후 HTML 태그에 마우스를 가져다 대면 CSS 파일의 내용을 확인할 수 있습니다.
• Ctrl 클릭 후 HTML 페이지 내용을 클릭하면 연동된 CSS 페이지로 이동할 수 있습니다.
• Ctrl 클릭 후 CSS 페이지 내용을 클릭하면 연동된 HTML 페이지로 이동할 수 있습니다.

📌 Autoprefixer

• 웹 브라우저의 버전에 구애받지 않고 CSS 코드를 구현할 수 있는 기능입니다.

📌 indent-rainbow

• 태그의 내어쓰기로 인해 발생된 여백에 색상칸을 배치하여 구분하는 기능입니다.

📌 Live Server

• 작업중인 HTML/CSS 코드의 구현 상태를 실시간으로 확인할 수 있는 기능입니다.
• 코드를 저장하면 우측의 웹 페이지 내용이 실시간으로 변경되기 때문입니다.

📌 Bracket Pair Colorizer 2

• 괄호의 색상을 다르게 표기하여 단순 에러를 최소화할 수 있는 기능입니다.
• 현재 VS Code에서 기본적으로 제공되는 기능으로 설정에서 ON/OFF가 가능합니다.
• Extensions 설명에서 “설정”이라는 단어를 클릭하면 TRUE/FALSE 중 선택이 가능합니다.

🔔 Spring Boot 개발을 위한 Extensions

📌 Spring Boot Extension Pack

• Spring Boot 개발에 필요한 주요 확장 프로그램을 통합해놓은 것입니다.
• 마치 보안 모듈 관리 프로그램을 통합한 VeraPort와 비슷한 것입니다.
• 이 통합 프로그램에는 아래의 Extension이 포함됩니다.
  • Spring Boot Support
  • Spring Initializr Java Support
  • Spring Boot Dashboard

📌 Java Extension Pack

• Java 개발에 필요한 주요 확장 프로그램입니다.
• 이 프로그램에는 아래의 기능이 포함됩니다.
  • Java 언어 지원
  • 디버깅 도구
  • 테스트 러너

📌 Maven for Java

• Maven 프로젝트 생성을 위한 확장 프로그램입니다.
• 이 프로그램에는 아래의 기능이 포함됩니다.
  • Maven 라이프사이클 및 플러그인 목록 관리
  • 의존성 추가 및 업데이트

📌 Lombok Annotations Support for VS Code

• Java의 Lombok 라이브러리를 사용할 경우 이 확장 프로그램이 필요합니다.
• Lombok은 어노테이션 기능을 지원하며 반복되는 코드를 최소화 하는 것이 목적입니다.
• 예를들어 Getter 또는 Setter 메서드 자동 생성을 위해 @Getter 또는 @Setter를 사용합니다.
• 추가적인 예시로는 toString(), equals(), hashCode(), 생성자 메서드 등이 있습니다.