[React JS] React JS 시작하기

준비하기

React를 사용하기 위해서는 일단 Node.js가 설치되어있어야 합니다.

그냥 쓸려고 했는데...그냥 <script>로 쓰기에는 잘 안됩니다. Node.js를 설치하고 npm을 이용하는 것이 속편합니다.

기본 프로젝트 생성하기

create-react-app이라는 것을 제공합니다. 다음과 같이 설치 및 실행하시면 됩니다.

// create-react-app 설치

$ npm install -g create-react-app

// 샘플 프로젝트 생성

$ create-react-app helloworld

// 샘플 프로젝트 이동 후 실행

$ cd helloworld

$ npm start

다음과 같이 실행되어 접속할 수 있습니다.

배포하기

소스만 가진채로 배포할순 없겠죠? 다음 명령을 실행하면 배포가 가능한 형태로 변경을 해줍니다.

$ npm run build

$ cd build

$ ls

asset-manifest.json

favicon.ico

index.html

static

그럼 프로젝트의 build 폴더에 가보면 배포가 가능한 형태로 패키징이 되어있습니다.