React 주요 명령어 알아보기

Https 로 리액트 실행하기

mac: HTTPS=true npm start
window: set HTTPS=ture && npm start

 

 

build 하기

npm run build

 

명령어로 정적 파일을 생성한다.

 

 

로컬에서 정적 파일로 웹서버를 띄워서 확인하기

npx serve -s build

 

serve 패키지는 노드 환경에서 동작하는 웹 서버 애플리케이션이다. 정적 파일을 서비스 할때 간단하게 사용하기 좋음

 

test

npm test

 

npm test는 watch 모드로 동작하고 있기 때문에 테스트가 성공하는 것을 바로 확인할 수 있다.

 

 

CI 와 같이 watch 모드가 필요없는 환경에서는 명령어로 테스트 코드를 실행한다.

Mac CI=true npm test
Window set "CI=ture" && npm test

 

설정 파일 추출하기

npm run eject

 

를 실행하면 숨겨져 있던 cra 의 내부 설정 파일이 밖으로 노출된다.

이 기능을 사용하면 바벨이나 웹팩의 설정을 변경할수 있지만 단점으로는 cra 에서 개선하거나 추가된 기능이 단순히 패키지 버전을 올리는 식으로 적영되지 않는다.

이 기능은 리액트 툴체인에 익숙한 사람이 아니라면 추천하지 않음