React | Create React App을 이용해 React 시작하기

Create React App · Set up a modern web app by running one command.

 

1. npm(혹은 npx)을 이용하여 Create React App 설치

 

 

 

npx를 이용하면 앱을 일회성으로 설치하고 실행한 뒤 자동으로 지워지므로 항상 최신버전으로 사용할 수 있다고 함

 

 

 

 

2. 폴더 생성 후 앱을 이용하여 개발환경 구축

 

 

새 폴더 생성

 
create-react-app react-sample로 해도 됨!

 

 

 

 

3. 샘플 실행하기

 

터미널 혹은 command를 이용

$ npm start

 

링크를 클릭

 

 

 

기본으로 설정된 포트넘버는 3000번 입니다.

 

 * index.html, index.js, package.json파일을 제외한 나머지 파일들은 수정 및 삭제해도 좋다.
* src폴더 바깥에 있는 파일은 import키워드로 가져올 수 없다.(모든 JS파일과 CSS파일은 src폴더 밑에 있어야 함)
* serviceWorker.js파일은 PWA(Progressive Web App)와 관련된 코드가 들어있으며 기본적으로는 이 기능이 꺼져있다.

 

 

 

 

 

+) 참고로 보기 좋은 것들

Create a New React App

 

[React] create-react-app