Beelog

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

이전 글들에서 EC2를 생성하고 하나의 EC2에 프론트엔드를 실행하는 Nginx 서버와 백엔드를 실행하는 Node 서버를 같이 운영했었다. 이번 글에서는 프론트엔드 서비스와 백엔드 서비스를 각각 다른 EC2에 배포하고 서로 간 어떻게 통신을 할 수 있는지 알아보겠다. 기존 EC2에 그대로 Nginx(프론트엔드)를 실행하고 새로운 EC2를 생성하여 백엔드 소스를 옮겨 실행하는 방법으로 테스트를 진행하겠다. 먼저, 두 개의 EC2가 서로 같은 보안 그룹(Security Group)에 속한 경우를 살펴보겠다. 1. 새로운 EC2 인스턴스 생성 인스턴스 생성 시 중요한 것은 보안그룹을 기존 EC2와 같게 설정하는 것이다. 또한, 새로운 EC2의 특성상 기본적을 Public IP가 필요하지 않지만 외부에서 ssh..