All Articles

리액트 프로젝트 생성하고 개발 서버 구동하기

리액트 프로젝트 생성

> yarn global add create-react-app
> create-react-app <프로젝트명>

지정한 프로젝트 이름으로 기본 설정을 포함한 리액트 프로젝트 디렉토리가 생성된다.

개발 서버 구동하기

파이썬에서 python manage.py runserver 0:8000 명령어로 개발 서버를 띄우듯 리액트에서도 개발 서버를 띄워보자.

생성한 디렉토리로 이동한 후

> yarn start

를 실행하면 자동으로 크롬 창이 열린다. 혹은 터미널 창에 있는 http://localhost:3000 링크를 클릭해도 된다.

리액트 첫 화면

혹은 이렇게도 구동 가능하다.

> yarn build

명령어 실행 후 생성된 build 디렉토리로 이동하여

> python -m http.server

혹은

> yarn global add serve
> serve

로도 서버를 띄워줄 수 있다.

python 명령어는 8000번 포트, serve 명령어는 5000번 포트다.