[react] 1.3 프로젝트 생성

1. create react-app

   create-react-app은 리액트 프로젝트를 생성할 때 필요한 Webpack, Babel의 설치나 설정 과정을 생략하고 간편하게 프로젝트 작업 환경을 구축해주는 도구입니다. 추후 자유롭게 설정을 변경할 수 있습니다.

   

이런식으로 화면이 뜨면서 프로젝트가 생성됩니다.

1. 리액트 서버 구동하기

   프로젝트 생성이 완료되었다면 cd 명령어를 통해 프로젝트 디렉토리로 이동하고, 리액트 개발 전용 서버를 구동시켜봅니다.

   

터미널에 성공적으로 컴파일되었다는 메시지와 함께 브라우저에서 자동으로 리액트 페이지가 띄워집니다. 만일 브라우저에 뜨지 않는다면 터미널에 출력되는 링크로 이동 시 리액트 페이지로 연결됩니다.

1. 프로젝트 열기

center><img src=”/center>

center><img src=”/center>

center><img src=”/center>

center><img src=”/center>

center><img src=”/center>