[JavaScript] React 환경설정 및 테스트

0. 목표

 - React 환경설정 및 테스트

1. 설치 및 테스트

 - nodejs.org/en/ 에서 설치

 - 설치시 node 와 npm 이 설치

 1) node.js 설치 확인

node -v

 2) npm 설치 확인

npm -v

 3) npx 설치 및 확인

npm install npx -g
npx -v

 4) 앱 생성

  - 원하는 대상 폴더에 아래 명령어 실행 뒤의 react_test 가 폴더명

  - 뭔가 소스들이 여러개 생김

npx create-react-app react_test

  * 해당 링크의 소스

 5) 앱 실행

sudo npm start

 * 에러 해결

  - 아래와 같이 에러가 발생 하였을 경우(에러 내용)

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: No valid exports main found for '/Users/pbj0812/Desktop/test_code/test_react/react_test/node_modules/colorette'

 - 해결방안

npm uninstall colorette
npm install colorette@1.2.0
npm audit fix

2. 참고

 - ReactJS로 영화 앱 만들기

 - create-react-app

 - colorette 에러 해결