본문 바로가기

프론트엔드 공부/react

npx create-react-app

npx (npm 5.2.0이상부터 함께 설치된 커멘드라인 명령어)
=>최신버전 라이브러리를 실행해줌

커맨드창에 npx create-react-app 폴더명 입력후 cd 폴더명 
package.json에 dependencies에서 설치내역 확인가능 
(react-scripts 가 실제 create-react-app의 라이브러리, @texting-library는 테스팅시 사용, web-vitals: 구글에서 사이트 경험 측정및 개선)
"scripts" 가 직접적인 명령어 
npm start > react script 시작, development server 시작
npm run build > react script build, optimized production build 생성
npm install serve -g (serve라는 패키지를 전역으로 설치)
serve -s build (serve 명령어를 -s 옵션으로 build 폴더를 지정하여 실행 :-s옵션은 어떤 라우팅으로 요청해도
index.html을 응답하도록함)
npm text > react scripts text, jest를 통해 text code 실행
npm eject > react script 의 매뉴얼을 자유자재로 바꿀수 있으나 사이드이펙트는 감수