[AI 숫자 판별 앱] 7. React 앱 Heroku에 배포

React 프로젝트를 완성하였으므로 웹 어플리케이션을 heroku에 배포해야 한다. 

 

여기서 New 버튼을 눌러 새로운 앱을 생성한다. 앱을 생성하면 다음과 같이 이름이 뜨고 클릭하여 상세 화면으로 접속한다. 상세 화면에서는 Deploy 버튼을 클릭하여 배포 방법을 확인한다.

 

1. GitHub repository를 연결한다.

 

2. GitHub repository에 push하면 자동으로 빌드 및 배포가 되도록 설정한다.

 

 

3. git에 푸시

마지막으로 명령어를 입력하여 git repository에 작성한 코드를 저장하도록 한다.

$ git add .
$ git commit -am "make it better"
$ git push origin master

 

4. 확인

Heroku는 git에 새로운 push가 발생하면 자동으로 앱을 배포한다. 이를 heroku에서 확인한다.

https://jb-mnist-client.herokuapp.com/ 

 

 

다음 글 바로가기

[AI 숫자 판별 앱] 8. 마무리