React : prepare() { React를 위한 준비 사항 - node, npm, React Developer Tool 설치 }

2주 동안 리엑트 공부를 벼락치기 해보자고 다짐했다.

 

시적 전 React 공부를 위한 준비사항 

#node

#npm

#React Developer Tool

총 3개를 설치하였다

---

homebrew 를 이용한 node, npm 설치 

생각보다 설치 시간이 굉장히 오래 걸렸다

brew install node

정상 설치 확인

node -v
npm -v

 

크롬에서 React 개발자 도구 확장 프로그램 설치

웹 퍼블리싱을 확인할 수 있는 개발자 도구처럼

현재 페이지에 있는 React 코드를 확인 가능하다

 

크롬 확장 프로그램 웹 스토어에서 React Developer Tool 추가 ↓

https://chrome.google.com/webstore/category/extensions

Chrome 웹 스토어

 

 

정상 설치 확인

개발자 도구의 상단 탭에 리엑트 개발자 도구가 생성되었으며, React 코드를 확인할 수 있다