웹 개발/ReactJS

[ReactJS] React 배포

ohbox 2021. 4. 14. 12:21
반응형

 

React 배포

 

 

1) create-react-app을 build하는 명령어

 

-> public 폴더가 실행됨 

-> create-react-app 개발환경은 개발의 용이성을 위해 기능을 많이 추가했기 때문에

파일의 무게가 무거움

 

npm run start

 

 

2) 실제 product 환경에서 사용하는 웹 build하기 위한 명령어 

 

-> build 파일 생성 후 사용 (create-react-app의 불필요한 용량을 줄였음)

-> root에 build 안에 있는 디렉토리를 위치시키면 된다. 

 

npm run build 

 

 

3) 웹 서버 설치 

 

npm install -g serve 

 

 

4) 웹 서버의 document root를 build 폴더로 설정해 실행 

 

npx serve -s build

 

 

 


opentutorials.org/module/4058/24737

 

컴포넌트 제작 - React

수업소개 React의 핵심 기능인 컴포넌트를 제작하는 방법을 소개합니다.  강의1 코드의 변경 사항 강의2 기본적인 컴포넌트를 만들어봅니다.  코드의 변경 사항 강의3  나머지 태그들을 컴포넌

opentutorials.org

 

반응형