실제로 내가 사용 중인 VSCode 확장 프로그램

훨~~씬 많지만 너무 유명한건 제쳐두고 사람들이 잘 모를만한것.

 

 

하지만 없으면 너무 귀찮아지는 것들을 소개해보려고합니다.

 

 

 

1. Better Comments

 

코드에 컬러 주석을 추가하여 가독성을 높여주는 확장 기능입니다. 중요한 부분을 쉽게 구분할 수 있게 해줍니다.

 

 

2. Bracket Pair Colorizer 2

 

괄호를 색상으로 구분하여 보여주는 확장 기능으로, 코드의 구조 파악을 돕습니다.

 

 

3. File Tree Generator

 

프로젝트의 구조를 트리 형태로 생성하여 문서화에 도움을 주는 확장 기능입니다. README 파일 작성에 유용합니다.

 

 

4. Reactjs Code Snippets

 

React 개발 시 자주 사용하는 코드 스니펫을 제공하여 빠른 코드 작성을 도와주는 확장 기능입니다.

 

 

5. SVG Preview

 

SVG 파일을 바로 미리 볼 수 있게 해주어, 디자인과 개발 사이의 작업 효율을 향상시킵니다.

 

 

6. TODO Highlight

 

TODO 또는 FIXME 같은 주석을 강조하여 놓치기 쉬운 부분을 다시 한번 확인할 수 있게 해주는 확장 기능입니다.

 

이건 제가 너무 추천하는 확장프로그램인데 개발중에 뭔가 잘못된걸 눈치채서 고치려고하지만 커밋에 섞이기 싫어서 주석만 넣고 원래 하던 기능 개발을 이어가고싶을때, 너무 좋습니다.

 

 

7. vscode-styled-components

 

Styled-components 사용 시 코드 하이라이팅과 자동 완성을 제공하여 작업을 용이하게 하는 확장 기능입니다.

 

 

8. tsDoc generator

 

TypeScript 인터페이스와 타입에 대한 문서를 자동으로 생성해주는 확장 기능으로, 문서화 작업을 간소화시켜줍니다.

 

사실 이 익스텐션은 직접 개발했는데 이번에 타입스크립트를 작성해두고 tsDocs를 작성하려했는데 반복적인 작업이 너무많아서 아에 확장프로그램으로 개발했습니다. ChatGPT 3.5-turbo를 사용하고 api-key가 필요해서 유료로 구독중인 사람만 사용가능합니다.

 

ChatGPT 3.5-turbo는 굉장히 저렴하기 때문에 부담없이 사용하셔도 될듯.