본문 바로가기

코딩/ReactJS

ReactJS 프로젝트에서 빌드가 뭔지 알아보자

반응형

1. 개요

  • 웹브라우저는 HTML, CSS, JS만 해석 가능
  • 그러므로 웹브라우저는 리액트의 JSX 문법을 해석 할 수 없음
  • 빌드란 JSX파일을 HTML파일로 변환하는 과정임

2. 빌드 방법

npm run build
  • 리액트프로젝트 폴더에서 위 명령어 실행하면 build 폴더 생성됨
  • 거기에 App.js에서 열심히 코딩한 JSX코드가 HTML, CSS, JS파일로 변환되어 담기게 됨
  • build 폴더의 내용물을 서버에 올리면 배포까지 끝나는 것
  • 참고로 public 경로에 있는 파일들은 빌드해도 그래도 남아있음
반응형