frontendreact

create-react-app

, ,

create-react-app이란?

React앱을 간편하게 만들 수 있도록 자동으로 빌드해주는 모듈입니다. 이 패키지 모듈을 이용하면 Webpack이나 Babel을 설치하고 셋팅하는 복잡한 과정을 생략 할 수 있습니다.

설치방법

1
npm install -g create-react-app

위 코드를 터미널에서 실행하여 create-react-app모듈을 전역에 설치해줍니다. create-react-app을 전역에 설치하면 설치된 내 컴퓨터 환경 어디서든 사용이 가능합니다.

사용방법

1
create-react-app ReactApp(설치 할 프로젝트 이름)
  1. 위 코드를 터미널에서 실행합니다. create-react-app이 코드 뒤에 생성할 프로젝트 이름을 선택하면 프로젝트 이름으로 된 폴더가 생성되고 ReactApp이 생성됩니다.
  2. 프로젝트 생성 후 프로젝트 폴더로 이동합니다.
    1
    npm install
  3. 위 코드를 터미널에서 실행합니다. 위 코드를 실행하게 되면 package.json에 있는 모듈이 설치됩니다. create-react-app으로 ReactApp을 설치하게 되면 자동으로 노드모듈까지 설치되긴 합니다. 하지만 npm start시 오류가 난다면 node_modules폴더를 삭제 후 npm install하시기 바랍니다.
    1
    npm start
  4. 위 코드를 터미널에서 실행하여 ReactApp을 실행합니다.
  5. ReactApp을 실행하게되면 위와 같이 초기 ReactApp이 실행됩니다. 초기 포트는 3000번으로 이 포트도 변경 할 수 있습니다.
공유하기