Github Actions를 이용한 클라이언트 CI/CD 구축 - 프로젝트 개요

항상 프로젝트 할떄마다 블로그에 정리해 놔야지 놔야지 하다가 이제야 글을 써본다..
여태까지 했던 것들을 이제부터 차근차근 정리해보려고 한다
이제부터라도 차근차근 정리해놓는 습관을 드려야 겠다.

우슨 이번 프로젝트는 카카오 같이 가치라는 페이지를 클론 코딩해보는 것을 목표로 했는데 나는 이번 프로젝트에서 front-end와 배포 쪽을 맡았다. 특히 배포는 CI/CD방식으로 배포하는 것을 목표로 삼았다. CI/CD란 지속족으로 통합하고 지속적으로 배포및 개발하는 방식으로 자세한 것은 유튜브나 구글링을 좀만 해봐도 많은 내용들이 정리되어 있으므로 패스하겠다..

맨 처음 front와 back을 같이 개발을 하려고 했을 때 이전에 해봤던 프로젝트에서는 back을 django를 사용하여 localhost로 서버를 띠어놓고 작업을 했었다. 이번 프로젝트에서는 back을 spring boot를 사용하는데 back과 front를 선 배포 후 개발을 하고 싶어 찾아보니 CI/CD 방식으로 배포를 하면 개발에만 집중 할 수 있겠다는 생각이 들어 이번 프로젝트에서 배포 방식으로 CI/CD을 택했다.
택하고 보니 github action이라는 것이 있는데 생각보다 어렵지 않게 할 수 있겠다는 생각이 들어 github action을 사용하여 구축해보기로 마음을 먹었다.

1. github action으로 CI/CD구축
2. aws S3을 사용하여 정적 호스팅

대충 요약해보자면 이렇다.