React 시작하기

babel이나 webpack을 사용하는 대신 React creative app을 만들 수 있다.

(1)Requirements for react app : node, npm, npx

 

(2) iterm에서 create-react-app만들기

 $cd Documents

$npx create-react-app movie_app_2020

밑줄 친 부분은 app의 name

$code movie_app_2020

이렇게 하면 VSC가 바로 열림

 

(3) VSC에서 파일 수정

-README.md에 적힌 내용은 삭제해도 됨. 자유롭게 수정 가능. 보통 app의 이름이나 설명을 적어준다.

# Movie_app_2020

react fundamental courses.

-package.json에서 scripts에 start와 build만 남겨놓고 지운다.

-yarn.lock 파일 삭제

 

(4) APP 열기

$npm start

자동으로 브라우저에서 App이 열리고 주소를 두 개 준다.

고로 휴대폰 테스트도 가능함.

 

(5) git hub에 올리기

Git페이지에서 저장소 생성한 후

(repositoties name은 app name과 같게 하는 게 좋다.)

$ git init

$ git remote add origin http://github.com/{your git account name}/{your app name}

$ git add .

$ git commit -m "first upload"

$ git push origin master