Nginx로 React 배포하기

이번에 K-paas 공모전을 나가게 되면서 프론트쪽을 Ngnix로 배포하게 되었다. 

 

그런데 자료도 많이 없고 영상도 많이 없어서 배포하는데까지 애를 좀 먹었다.. 

 

그래서 배포했던 과정을 정리하고자 한다. 

 

 

1. 먼저 개발 중인 React 앱이 있어야 한다. npm start로 본인의 로컬 환경에서 문제 없이 돌아가져야 한다. 

npm run build

 

2.  manifest.yml 파일을 만들어야 한다. 

 

파일 코드는 다음과 같다. 파일이 저장되는 경로는 프로젝트 루트 경로이다. 

applications:
  - name: {name}
    host: {name}
    memory: 1024M
    instances: 3
    buildpacks:
      - {buildpack_name}
    path: build/ # Specify the path to your build directory

 

해당 코드는 K-paas 들어가서 Nginx를 배포하면 다음과 같은 화면을 볼 수 있고 이름과 빌드팩을 동일하게 작성해줘야 한다. 

 

그 후 해당 명령어를 통해 배포하게 된다. 

cf push

 

이렇게 하면 배포가 끝이 난다

 

다음과 같이 정리를 해보니 매우 간단한 흐름이지만, 이걸 알아내는 과정도 정보가 너무 없다보니 쉽지 않았다. 

 

해당 정보가 다른 사람들에게도 도움이 되면 좋겠닿ㅎ