본문 바로가기

Javascript/React

리액트(React) 환경 설정 (create-react-app)

반응형

리액트(React) 시작하기 - (create-react-app)

리액트를 시작하는 가장 쉬운 방법은 create-react-app을 이용하는 방법이다.

환경설정할 때 babel, webpack 등을 설치해야 하지만 create-react-app으로 리액트 애플리케이션을 만들면

이러한 작업들을 create-react-app이 대신 설정해주고 숨겨준다.

리액트 프로젝트 만들기

1. "npm install -g create-react-app"

2. "create-react-app 프로젝트명(my-app)"

3. "cd 프로젝트명(my-app)"

4. "npm start"

이렇게하면 샘플 애플리케이션이 localhost:3000 에서 실행된다.

[create-react-app 샘플 화면]

create-react-app을 통해 만들면 node.js의 express-generator처럼 디렉토리 구조도 만들어준다.

이렇게 웹서버를 만들어놓고 App.js 같은 파일을 수정하면 자동으로 페이지에 반영된다.


디렉토리 구조와 파일별 설명은 추후 포스팅

반응형

'Javascript > React' 카테고리의 다른 글

React 바인딩(이벤트/메서드 연결)  (0) 2017.10.17
Props, State (리액트 컴포넌트 속성, 상태)  (0) 2017.10.13
JSX (React Component)  (2) 2017.10.11
리액트(React)  (0) 2017.10.08