사부작사부작해요

프로젝트 생성 본문

리액트

프로젝트 생성

sabujaky 2021. 7. 8. 03:30

1. 리액트 프로젝트 생성

create-react-app을 사용해 리액트 프로젝트 작업 환경을 간편하게 구축한다.

쉘에서, yarn create react-app <프로젝트이름>으로 리액트 프로젝트를 생성한다.

프로젝트는 현재 디렉토리에 생성된다.

yarn create react-app hello-world

powershell에서 커맨드로 리액트 프로젝트 생성함

2. 개발 서버 구동

쉘에서, 생성된 프로젝트 디렉토리로 이동 후 리액트 개발 전용 서버를 구동한다.

cd hello-world
yarn start

나는 3000번 port를 사용중이어서, 3001번에서 열었다.

서버 3001번 포트에서 구동됨
리액트 개발 서버 접속함


REFERENCES

김민준(2019). 리액트를 다루는 기술, 개정판

'리액트' 카테고리의 다른 글

컴포넌트 선언  (1) 2021.07.16
undefined 리턴 또는 렌더링?  (0) 2021.07.15
환경 구성  (0) 2021.07.08
Comments