세리프 따라잡기

React 시작 / 배포 본문

React

React 시작 / 배포

맑은 고딕 2022. 7. 2. 16:50

시작

react를 설치하려면 nodejs가 이미 깔려있어야 함. (이미 있다면 바로 react를 설치 진행하면 됨)

#이 사이트가 react 설치하는 페이지

 

Create React App

Set up a modern web app by running one command.

create-react-app.dev

npx create-react-app my-app
→ 이때 my-app은 현재 설치하는 폴더의 이름 (ex. 폴더 열기로 설치하고픈 폴더에 들어갔다면 .만 찍으면 됨)

↑ 위의 코드를 이용해 터미널에서 설치하면 됨

 

다 깔리면 npm start를 이용해 (터미널에 안내됨) 시작하면 끗~

종료할 때는 ctrl + c를 누르면 된다!

 

 

배포

npm run build를 이용하면 build 폴더가 생성됨

npx serve -s build를 이용하기를 추천함 (터미널에 안내됨)

  • serve = web server (nodejs로 만들어진 application)
  • -s = serve가 가지고 있는 옵션 = 사용자가 어떤 경로로 들어와도 index.html 파일을 서비스 해준다.
  • build = 폴더 이름

ㅇㅇ

Comments