[Front End] Setting up a React project

React 프로젝트 생성

 

생성기(Generator)를 사용하지 않고 React 앱을 만들수 있지만 다소 긴 프로세스가 될수있으며 React 앱을 처음부터 설정하는 가장 빠른 방법은 일반적으로 생성기를 사용하는것입니다.

현재 새로운 React 앱을 만드는 가장 인기 있고 일반적인 방법은 Facebook에서 제공하는 소스 React 앱 생성기인 Create React app을 사용하는것입니다.

 

React 앱 생성을 위해 VS Code를 실행합니다.

그리고 터미널을 열고(Top menu -> Terminal -> new Terminal) 프로젝트를 만들 위치로 이동을 합니다. React 앱 생성 명령어는 다음과 같습니다.

npx create-react-app my-blog

 

 

React 앱 생성이 완료되면 생성한 프로젝트 폴더(my-blog)로 이동한 후 아래의 명령어를 실행하면 생성된 앱이 default 브라우저를 통해 표시됩니다.

npm start
or
npm run start

 

다음과 같은 기본 앱이 표시되어 집니다.

 

그리고 생성된 프로젝트는 다음과 같습니다.