리액트 프로그램 생성하기
- node.js, vscode를 다운로드한다.
- 빈 폴더를 생성 후 vs코드로 열기
- 터미널에서
npm init react-app: 리액트 프로젝트 생성하기 npm run start: 개발 모드 실행- Ctrl + C : 개발 모드 종료
리액트 개발자 도구
구글에 react developer tools 검색 후 크롬에 추가한다.
개발자 도구에 들어가면 Components, Profiler 탭이 생성되었을 것이다.
다운 받은 프로젝트 실행하기
직접 리액트 파일을 생성했을 때는 리액트 실행에 필요한 파일들(node_modules)을 알아서 설치해줬지만 Node.js로 만든 프로젝트를 공유할 때는 node_modules 폴더를 제외하고 공유할 수도 있다.
용량이 많기도 하고 다운 받은 사람이 직접 설치할 수 있기 때문이다.
직접 설치하는 방법은 vscode의 터미널에서 npm install을 치면 된다.
