끄적끄적

[REACT] CRA를 통한 리액트 프로젝트 세팅하기 본문

Front-end/React.js

[REACT] CRA를 통한 리액트 프로젝트 세팅하기

mashko 2021. 4. 1. 21:46
반응형

CRA란?
create-react-app을 줄여 CRA라고 많이 부릅니다.
CRA란 리액트를 개발한 페이스북에서 만든 리액트 프로젝트용 보일러플레이트라고 생각하시면 됩니다.
지속적인 패키지들의 버전업과 리액트의 버전업이 활발히 일어나다 보니 자신만의 보일러플레이트를 가지고 있다고해도
결국 패키지들의 업데이트에 맞춰 지속적인 관리도 해주게 되고 새로운 기술 또는 아키텍처가 생기면 구조변경을 해야하는 경우도
생기기 마련이라 금방 레거시 프로젝트가 되죠.
하지만 CRA를 쓰면 리액트의 지속적인 업데이트를 페이스북에서 주관을 하고있고, 그에 맞춰 페이스북에서 이러한 CRA 보일러플레이트를 업데이트를 시켜줍니다.
따로 관리할 필요가 없고, 물론, 자신이 쓰는 구조가 미리세팅되어 있는게 아닌 기초적인 세팅만 되어있긴 합니다.

CRA를 이용한 세팅
우선 npm 최신버전이 설치되어있어야 한다.

npx create-react-app react-todo
or
npm install -g create-react-app
create-react-app react-todo

설치가 되면

cd react-todo
npm start

위와같이 실행되면 세팅된 리액트 프로젝트가 내 로컬환경에 열리게 됩니다.

반응형

'Front-end > React.js' 카테고리의 다른 글

[REACT] Redux란?  (0) 2021.05.05
[REACT] Presentational 컴포넌트와 Container 컴포넌트  (0) 2021.04.26
[REACT] React Hooks 란?  (0) 2021.03.15
Comments