Dev_Study/React
-
[React] 3. 프로젝트 배포하기Dev_Study/React 2021. 1. 22. 23:18
1. 배포할 프로젝트 경로에서 명령어를 통해 프로젝트 빌드를 해줌( build폴더가 생성됨 ) npm run build # npm을 통해 serve라는 웹서버를 설치하는 명령어 npm install -g serve # serve웹서버 실행시 DocumentRoot를 build 폴더로 지정하는 명령어 serve -s build 2. public폴더 밑의 index.html파일의 내용이 빌드되어 bulid폴더 밑의 index.html로 생성됨 3. 웹서버의 최상위 경로(Document Root)에 생성된 build폴더밑의 파일들을 넣어주면된다 4. npm serve를 이용해 배포후 테스트 -serve웹서버 실행시 DocumentRoot를 build폴더로 npx serve -s build
-
[React] 2. 프로젝트 구조Dev_Study/React 2021. 1. 22. 22:36
1. create-react-app 명령어로 react프로젝트 생성후 보여지는 첫화면은 index.html이다 2. index.html의 id가 root인 엘리먼트의 밑으로 컴포넌트들이 들어가게된다 이유는 index.js에 작성되어있다 3. 리액트의 진입파일은 index.js이고 id가 root인 엘리먼트에 렌더링 되도록 작성되어있다 4. App은 App.js를 뜻하며 리액트 컴포넌트이다 5. App.js 컴포넌트가 id가 root인 엘리먼트 밑으로 렌더링 된것을 확인할 수 있다 6. App.js 컴포넌트를 수정하여 내용이 변경되는것 확인
-
[React] 1. React 프로젝트 생성하기Dev_Study/React 2021. 1. 22. 22:04
1. Node.js 설치하기 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Node.js 설치확인 node -v 3. npm 설치확인 npm -v 4. create-react-app 설치 npm install -g create-react-app 5. create-react-app 설치확인 create-react-app -V 6. react프로젝트를 생성할 경로로 이동후 명령어 실행 create-react-app . 7. react프로젝트 실행 npm run start