[SpringBoot + React] 0. CI/CD환경 구성하기

CI/CD를 시작하자!

졸업 프로젝트에 이어서 React + SpringBoot 구성의 웹 프로젝트를 진행하게 되었다.
지난 프로젝트에서는 git과 AWS의 RDBS를 이용하여 로컬 환경에서 테스트를 진행 후 배포를 시도하였다. (배포는 실패했지만..)
이번 프로젝트에는 CI/CD를 적용해보기로 했다. 테스트와 통합 과정에서 많은 귀찮음이 있기도 했고.. (사실은 실패했던 배포를 시작부터 적용해버리자 라는 생각이 있긴했다.🤥)

근데 how..?🧐

일단 React + SpringBoot 구성의 프로젝트였고
github actions가 비교적 간단하고 요즘 많이 사용하고 있다고 하여 선택하였다.
프론트는 S3의 정적 웹 호스팅 서비스를 이용하였다. CloudFront와 함께 사용하면 더 좋다지만 일단은..
db는 지난번 AWS RDBS 요금 폭탄이 두려워 mariadb를 사용하기로 했는데 필요하다면 나중에 옮길 생각
구조는 대략 이러하다.

Frontend - React

1. git 에 push
2. github actions가 빌드 후 s3에 업로드
3. s3의 정적 웹 호스팅

Backend - SpringBoot

1. git 에 push
2. github actions가 빌드 후 s3에 업로드
3. CodeDeploy 가 ec2에 배포

할 일이 산더미..

지금은 CI/CD환경 구성 후 글을 작성하고 있지만 해야 할 일은 대략 이러했다.

1. Git respository 생성
2. SpringBoot, React 프로젝트 생성
3. EC2 인스턴스 생성 및 세팅 - 자세히
4. S3 버킷 생성 - 자세히
5. CodeDeploy 애플리케이션 및 배포 그룹 생성
6. Github Actions workflow 생성
7. 연동 테스트

아직은 개발시작 단계라 연동 확인만 한 상태지만 개발하면서 수정할 부분들이 많이 생기겠지,, (기대도안해)
시간 남는대로 차근차근 작성해볼 생각이다. 저렇게 보면 간단한데 단계별로 자잘자잘하게 많은 문제들이 있었다... 그래도 일단은 돌아가는게 어디냐며 ^^

---

출처 라고 쓰고 한줄기 빛 이었던..
https://onibmag.tistory.com/31