추후 노트북이나 다른 공간에서 작업을 위해 기존에 사용하던 익스텐션 기록

---

VScode Extension List

✅설치 권장

Prettier - Code formatter
ES7+ React/Redux/React-Native snippets
Tailwind CSS IntelliSense
Material Icon Theme
Git Graph

Prettier - Code formatter

• 코드 포맷팅 도구로, 일관된 코드 스타일을 유지하는 데 도움을 줌.
• 기본적으로 설치 후 바로 사용 가능. 사용자 설정에서 prettier.singleQuote와 같은 옵션을 조정할 수 있음.

ES7+ React/Redux/React-Native snippets

• React, Redux, React-Native 개발을 위한 코드 스니펫을 제공하여 생산성을 높임.
• 설치 후 별도의 설정 필요 없음. 기본적으로 사용 가능.

Tailwind CSS IntelliSense

• Tailwind CSS를 위한 자동 완성 및 문서화 기능을 제공.
• 설치 후, Tailwind CSS의 설정 파일이 프로젝트에 포함되어 있어야 함.

Material Icon Theme

• 파일 및 폴더에 다양한 아이콘을 제공하여 시각적으로 구분할 수 있도록 함.
• 설치 후 기본적으로 사용 가능. 아이콘 테마는 설정에서 변경할 수 있음.

Git Graph

• Git 저장소의 그래프를 시각적으로 보여주는 도구.
• 설치 후 바로 사용 가능. 추가 설정은 필요하지 않지만, Git이 설치되어 있어야 함.

---

⏹️선택

Code Spell Checker

• 코드 내의 철자 오류를 검사하여 수정할 수 있도록 도움.
• 설치 후 기본적으로 사용 가능. 언어 설정을 통해 추가적인 언어를 지원하도록 설정할 수 있음.

Live Server

• 로컬 서버를 실행하여 HTML, CSS, JavaScript 파일을 실시간으로 미리 볼 수 있게 함.
• 설치 후, HTML 파일에서 마우스 오른쪽 버튼 클릭 후 "Open with Live Server"를 선택하여 사용.

Live Share

• 다른 사람과 실시간으로 협업할 수 있는 기능 제공.
• 설치 후, 계정 로그인과 세션 공유 설정이 필요함.

Thunder Client

• REST API 클라이언트로, API 요청을 만들고 테스트할 수 있는 도구.
• 설치 후 바로 사용 가능. 추가 설정 없이 API 요청을 생성할 수 있음.

vscode-styled-components

• Styled Components를 사용하는 프로젝트에서 구문 강조와 자동 완성을 제공.
• 설치 후, styled-components가 사용되는 프로젝트에서 자동으로 작동함.