[개발일기] VSCode extension 추천

• Visual Studio Code에서 코드를 예쁘게 정렬해주는 Prettier-Code formatter, 자바스크립트의 문법을 체크해주는 ESLint, 자주 사용되는 코드를 단축키로 만들어 간편하게 쓸 수 있게 해주는 Simple React Snippets 등의 확장 프로그램을 설치하였다.

• Prettier를 사용하기 위해선 'format on save'를 체크하고, 'settings.json'에 "editor.defaultFormatter": "esbenp.prettier-vscode"를 추가해야 하며, 이를 통해 코드의 가독성을 높일 수 있다.

• VS Code에서는 'react'를 import하는 것과 같이 다양한 기능을 제공하는 여러 확장 프로그램들이 있으며, 이를 마켓 플레이스에서 설치하여 사용할 수 있다.

• Auto Close Tag는 자동으로 태그를 닫아주는 기능, Babel Javascript는 바벨 문법을 체크하는 기능, Code Spell Checker는 잘못된 단어를 바로잡아주는 기능, Material Theme는 다양한 테마를 사용할 수 있는 기능 등이 있다.