[React.js] React 시작하기

React.js을 위한 준비물

---

1. Node.js

https://nodejs.org/ko/ 이곳에서 다운받을 수 있다.

2. Yarn

조금 더 개선된 버전의 npm이라고 한다.

https://yarnpkg.com/en/docs/install#windows-stable  이곳에서 다운받을 수 있다.

3. 코드 에디터

개인적으로는 ATOM을 써본 경험이 있어서 ATOM을 쓴다. 하지만 VSCode, Webstorm, sublime 등의 선택지가 있다고 한다.

ATOM : https://atom.io/ 

React.js 앱 만들기

---

최근에 react.js에서 공식적으로 인정한 도구가 있다.

create-react-app이라고 이 도구를 이용하면 빠르게 리액트 앱을 구성할 수 있다.

react.js 공식 홈페이지

create-react-app 관련 페이지

일단 이 도구를 사용하기 위해서 로컬환경에다가 설치해준다.

- npm 사용시 (참고로 -g 옵션은 global 옵션으로 로컬환경 전체에서 사용할 수 있도록 설치한다.)

npm install -g create-react-app     

- yarn 사용시

yarn global add create-react-app     

이제 이 도구를 사용하여 간단하게 프로젝트를 생성할 수 있다.

create-react-app [프로젝트명]     

실행!

---

정상적으로 설치를 완료한 후 다음 프로젝트 폴더 내에서 리액트 앱을 구동시킬 수 있다.

cd [프로젝트명]  
yarn start        

결과 화면

---

출처 : https://velopert.com/3613