[VS code] React 유용한 개발 Tools 및 Extension 설치

📌 Tools

React Developer Tools를 사용하게 되면, 크롬 웹 브라우저에서 개발자 모드(F12)로 컴포넌트 구조를 볼 수 있고 변경하면서 테스트하기에 용이하다. (사용 권장👍)

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

React Developer Tools

 

📌 Extension

Reactjs Code Snippets

rcc + tab, rsi + tab 등의 단축키를 사용하여 리액트 컴포넌트를 쉽게 생성할 수 있다.

Auto Import

다른 리액트 컴포넌트를 불러와서 사용할 때 자동으로 import 해준다.