Beelog

이전 글에서 S3에 프론트엔드 프로젝트의 빌드된 파일들을 업로드하여 정적 웹 호스팅을 하는 방법을 살펴보았습니다. 프론트엔드의 소스가 변경되는 경우 로컬에서 build 후 다시 그 파일들을 수동으로 S3에 업로드해야 하는 번거로움이 있었기 때문에 AWS Code Series를 사용하여 자동으로 빌드/배포하는 방법을 알아보겠습니다. 1. Code Commit에 소스 올리기 (1) Code Commit Git Repository 생성 리포지토리를 생성하고 git repository url을 복사합니다. (2) AWS 사용자 생성 및 권한 부여 AWS IAM에서 사용자를 생성합니다. 로컬에서 Repository에 접속해 pull, push 등을 사용할 사용자는 AWS Management Console에 접속할..

이전 글들에서 EC2에 Nginx를 설치하고 프론트엔드 소스를 실행하는 방법을 사용했습니다. 하지만 프론트엔드 소스(React 등)와 같이 정적인 웹 서비스는 S3에 빌드된 소스를 올려서 바로 서비스할 수 있는 방법도 있습니다. 따라서 이번 글에서는 프론트엔드 소스를 S3에 올리고 정적 웹 호스팅을 통해 서비스하도록 구조를 변경해 보겠습니다. 1. S3 버킷 생성 S3 버킷을 생성할 때, 추후 DNS 연결을 고려하여 URL과 동일하게 지정하는 것이 좋습니다. 퍼블릭 액세스 차단은 최소한으로 차단합니다. 2. Front-end 소스에 baseURL 수정 React 프로젝트에서 axios를 통해 서버로 접속할 때 서버의 주소를 지정합니다. 이때 주소를 백엔드 프로젝트가 실행중인 EC2의 IP(Public I..