리액트 프로젝트 생성&명령어

• 리액트 프로젝트 생성

npm init react-app 폴더이름(현재폴더일시 .)

• 개발모드 실행

npm run start

• 개발모드 종료

ctrl +  c

개발된 프로젝트 빌드하기

npm run build

빌드한 것 로컬에서 실행하기

npx serve build

터미널에서 npx serve build를 입력하면 serve 프로그램을 다운 받고 build 폴더에서 서버가 실행됩니다.

---

React Developer Tools

크롬 개발자 도구에서 componets, profiler가 생긴다.

❗ 확장프로그램 설치해도 보이지않으면
1) vscode 터미널에서 아래코드로 설치해주고 새로고침!

npm install -g react-devtools 

2) chrome://extensions 들어가서
React Development tools 클릭하면 "파일 URL에 대한 엑세스 허용 탭" 허용해주고 다시 들어가시면 적용 된다.