[React.js] 노마드코더 Movie App 서비스 만들기 #1 Setup

1. 리액트 앱 생성 및 실행

 생성하고 싶은 위치로 이동한 다음에 터미널에서 React app을 생성한다.

npx create-react-app movie_app_practice

성공적으로 만들어졌으면 내가 생성한 리액트 폴더(movie_app_practice) 로 이동한 후, npm이나 yarn을 시작한다.

cd movie_app_practice

yarn start

 성공한다면 다음과 같은 창이 뜬다.

React 성공!

 

2. 프로젝트 초기화

App.js를 초기화 하는 작업이다. 필요없는 것들은 빼고 우리가 필요한 상태로 만들어보자.

<삭제 목록>

- logo.svg

-serviceWorker.js

-index.css

-App.test.js

-App.css

- 남아 있는 파일들을 확인해보고, 위에 있는 파일이 import가 되어있다면 찾아서 지워주자

App.js 안에 내용도 지워주자. 지워줬다면 브라우저에는 하얀 화면만 표현된다.

초기화된 App.js 상태와 브라우저

자, 이제 작업할 준비가 완료 되었다.