React.js 프로젝트 시작하기

1. 원하는 위치에 react 프로젝트를 생성한다
npx create-react-app travle_app

2. git을 초기화한다
git init

3. 깃허브에서 저장소를 생성한다.

4. 깃허브 레포지토리를 연결한다.
git remote add origin https://github.com/hhg0615/travle_app.git

5. 깃허브 페이지를 만든다(프로젝트 명은 무조건 소문자)
npm i gh-pages

6. packege.json에 homepage를 추가한다 (version) 밑에
"homepage": "https://hhg0615.github.io/travle_app"

7. scripts 부분에 deploy 추가
"scripts": {
               "deploy": "gh-pages -d build",
               "predeploy" : "npm run build"
},

8. npm run deploy를 명령어를 실행한다.

9. 깃에 추가한다.
git add .

10. 깃에 커밋한다
git commit -m "프로젝트 생성"

11. 깃에 푸쉬한다
git push origin master

12. 빌드한다
npm run build

13. 프로젝트를 실행시킨다
npm start

14. 깃허브 페이지에 들어간다.
https://hhg0615.github.io/travle_app

 

모듈설치

1. axios 설치(axios를 통하여 http통신)

npm install axios

2. router 설치(파일 경로 설정할수있음)

npm install 'react-router-dom'