React/Setting

[React] 기본 Setting 과정

ui-o 2023. 12. 13. 17:21
반응형

작업 환경 Setting 절차

  1. Node.js, npm 또는 yarn 설치
  2. git
  3. creative-react-app 

create-react-app

  • 리액트 프로젝트 생성 시 필요한 웹팩, 바벨의 설치 및 설정을 생략하고 바로 프로젝트 작업 환경을 구축해주는 도구
  • 자유로운 설정 변경 가능

 프로젝트 생성

1. 프로젝트 생성

// yarn
yarn create react-app <프로젝트 이름>

// npm
npm init react-app <프로젝트 이름>

2. 서버 구동

  • 해당 디렉토리 이동 후 서버 구동하여 브라우저 창이 열림
cd <프로젝트폴더>

// yarn
yarn start

// npm
npm start
반응형