Jenkins Spring(REST) & React 배포 2 (FRONT)

백을 배포하면서 한참 신나게 헤매서 그런지 프론트는 비교적 수월하게 진행이 되었다.

 

1번글이랑 겹치는 부분이 많으니 1번글을 보고 실행해 보길 권장한다.

 

사실 시간이 쪼들려서 프론트 같은경우는 진짜 편법으로 했다라는 생각이 들지만 일단은 되니까...... 이걸로 설명을 해보고자 한다. 나중에 시간되면 고치겠다.

 

이전부분 까지는 1번글과 똑같다.

빌드

여기서 부터는 잘 안되서 이것저것 넣어보면서 배포해 보았다. 쉘에 명령을 많이 넣어서 그런지 배포하면 백에서 비해서 10배이상 시간이 소요 되지만(백 30s, 프론트 6m) 일단 되긴 된다.....

 

다른 명령 필요없이 프론트가 있는 폴더로 이동해서 npm install 하고 npm run build 해주었다. 

나는 백담당이어서 프론트 부분 배포하는데 어려움이 조금 있었다..... 일단은 dockerfile 부터 만들었고 이후에 이거면 된다 하고 돌렸었는데 CI = true 라면서 원래 기본값이 이거라 안돼... 뭐 그런식의 오류가 떳고 그걸 해결하기 위해서 프로젝트의 package.json 파일에서 

별표친 부분을 CI = react-scripts build 로 바꾸니까 잘 해결 되었다.

 

사실 백에서 너무 많이 헤매서 그런지 프론트는 백에 비해서 많이 수월했다..... 마지막으로 dockerfile만 공유하겠다.

 

프론트 dockerfile