[REACT] CI/CD REACT페이지를 AWS amplify로 자동배포하기

CI/CD란?

• 애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법이다.
• CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포
• 새로운 코드 통합으로 인해 개발 및 운영팀에 발생하는 문제(일명 "인테그레이션 헬(integration hell)")을 해결하기 위한 솔루션
• 애플리케이션의 통합 및 테스트 단계에서부터 제공 및 배포에 이르는 애플리케이션의 라이프사이클 전체에 걸쳐 지속적인 자동화와 지속적인 모니터링을 제공

 

CI (지속적인 통합(Continuous Integration))

• "CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합
• 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 코드 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있음

 

CD(지속적인 서비스 제공(Continuous Delivery) 및/또는 지속적인 배포(Continuous Deployment))

• 개발자들이 애플리케이션에 적용한 변경 사항이 버그 테스트를 거쳐 리포지토리(예: GitHub 또는 컨테이너 레지스트리)에 자동으로 업로드되는 것을 뜻하며, 운영팀은 이 리포지토리에서 애플리케이션을 실시간 프로덕션 환경으로 배포할 수 있다.
• 개발팀과 비즈니스팀 간의 가시성과 커뮤니케이션 부족 문제를 해결해 줍니다. 지속적인 제공은 최소한의 노력으로 새로운 코드를 배포하는 것을 목표로 한다

 

---

방법

https://aws.amazon.com/ko/getting-started/hands-on/deploy-react-app-cicd-amplify/

CI/CD로 AWS에 React 앱 배포

여기에 나와있는 그대로 따라하면 됨

 

 

변경사항이 있으면 master브랜치에 push 하면

저절로 amplify에서 자동배포 프로세스를 시작한다.

 

이 과정은 시간이 좀 걸린다. 나는 한 5분정도 걸렸던 것 같다.

확인에 초록색이 보이면  왼쪽의 화면을 클릭하면 바로 배포된 화면으로 들어갈 수 있다.

 

---

 

도움글

https://www.redhat.com/ko/topics/devops/what-is-ci-cd