October 22, 2023
AWS 인프라를 통해서 배포하는 과정을 학습했는데 몇 개의 포스트를 묶어서 FE와 BE의 배포 과정을 기록으로 남겨보고자 한다. 마침 최근에 로그인 관련 기능을 FE + BE 전체적으로 구현했던 적이 있어서 이 프로젝트를 배포해보는 것이 목표이다. 최종적으로 프로토콜을 통한 통신이 가능하고, 깃헙 레포지토리에 변동사항이 발생하면 자동으로 빌드해서 새롭게…
November 18, 2023
이번 포스트에서는 Express 앱을 EC2에 올리고 실행하는 과정을 적어보고자 한다. Express 앱의 포트를 숨기기 위해서 앞 단에 Nginx 웹서버를 먼저 설치하고, 리버스 프록시로 연결하는 과정을 수행할 것이다. EC2 인스턴스 생성 먼저, AWS 에서 컴퓨팅 파워를 하나 빌려야 하기 때문에 EC2 인스턴스를 하나 생성해야 한다. AMI 선택 …
November 19, 2023
저번 포스트에 이어서 EC2에 도메인을 연결하고 ACM을 활용해서 HTTPS를 적용해보고자 한다. ACM 인증서 발급 첫 번째 글의 내용과 동일한 방법으로 ACM 인증서를 발급받는다. 리액트 앱이 에서 호스팅되고 있으니 이번에는 리전은 서울로, 도메인은 로 해서 발급받자. ALB 리액트 앱의 경우에는 빌드된 정적 파일만 S3 버킷에 올리는 것이기 때…
November 19, 2023
저번 포스트에서 인스턴스에 Express 앱을 설치하고, 외부에서 로 접근할 수 있도록 앞에 를 놓는 것 까지 구성했었다. 이번에는 과 를 활용해서 소스코드에 변화가 발생하면 자동으로 빌드하고 배포하는 과정을 진행해보겠다. S3 버킷 생성 소스코드에 변화가 발생할 때 CI 서버는 빌드 작업을 수행하는데, 빌드된 내용을 AWS 인프라 내에서 사용하…
December 28, 2023
www 리다이렉션 빌드된 React 앱을 S3 + Cloudfront에 배포하는 과정을 이전 포스트에 기록한 적이 있었다. 당시에 하나의 Cloudfront 배포가 연결하는 대체 도메인으로 두 개를 같이 등록했었는데, 큰 문제가 되는 건 아니지만 사용자가 로 접속할 수도 있고 로 접속할 수도 있게 되는 것이기 때문에 백엔드 서버에서 허용해야 할 or…