React 시작하기

1. node.js 라이브러리 다운

https://nodejs.org/en/download

2. yarn 설치

• npm의 단점을 보완하여 성능/속도를 개선한 것(패키지를 적게)

yarn 설치
npm install -- global yarn

3. CRA(Create-React-App)

• 리액트 프로젝트 시작에 필요한 개발 환경 세팅 도구
• 리액트 프로젝트에 필요한 패키지들을 묶어 리액트 앱을 생성
• 사용하지 않는다면, 프로젝트에 필요한 패키지를 수기로 package.json에 추가해야 함

리액트 앱 생성
프로젝트를 생성하고 싶은 디렉토리에서 다음 명령어를 실행
yarn create react-app 프로젝트명 ()

생성된 프로젝트로 이동
cd 프로젝트명

3. 리액트 실행

yarn 실행
yarn start

• localhost:3000 으로 위와 같은 화면이 뜬다!