Oops, All Code!/📝 Study Notes

[GitHub] 깃허브에 앱 배포하기

밍동망동 2024. 5. 26. 00:00

package.json 파일을 수정한다.

 

{

//... 생략

},
  "homepage": "https://${계정이름}.github.io/${저장소(레포지토리) 이름}"
}

 

나 같은 경우는 

"homepage": "https://mindaaaa.github.io/movie_app_2024"

 

 

또, script 키값에 명령어도 추가해야한다.

{
	// ...생략
   	"scripts": {
    	"start": "react-scripts start"
        "build": "react-scripts build",
        "predeploy": "npm run build",
        "deploy": "gh-pages -d build"
    },
    // ...생략
}

 

gh-pages를 설치한다.

npm install gh-pages

 

remote 명령어로 깃허브 저장소를 확인한다.

git remote -v

 

깃허브에 배포한다.

npm run deploy

 


https://mindaaaa.github.io/movie_app_2024/

 

Movie App

 

mindaaaa.github.io

 

Detail 기능은 앞전 트러블슈팅에 지쳐 하지 않았다.

밀린 과제로 인하여...

 

니꼬쌤 죄송해요 ㅠㅠ

개인 프로젝트 열심히 해볼게요