Beelog

이전 아키텍처에서는 프론트엔드 소스를 빌드하여 S3에 저장하고 이를 CloudFront를 통해 서비스하였습니다. 이번에는 아키텍처를 변경하여 다시 EC2를 통해 React 서비스를 운영하고 기존 백엔드와 연결하는 작업을 진행해보겠습니다. 기존 아키텍처와 변경된 아키텍처를 비교하면 다음과 같습니다. 이 글은 기존 아키텍처가 생성되어 있다는 가정하에 기존 아키텍처를 수정해 나가는 방식으로 진행됩니다. 따라서 기존 아키텍처가 없는 경우 아래 글들을 참고하여 필요한 리소스들을 구성하시기 바랍니다. 1. 새로운 EC2를 위한 보안 그룹 생성 Private Subnet에 nginx가 설치된 EC2를 생성하기 전 이를 위한 보안 그룹을 생성합니다. 2. Private Subnet에 EC2 생성하기 기존 생성한 EC2..

이전 글에서 EC2를 위한 VPC 구성 및 보안 그룹을 생성했고 EC2를 생성하여 SSH로 접속하는 방법을 알아보았다. 이번 글에서는 이전에 생성한 EC2에 Nginx를 설치하고 React로 생성한 프로젝트를 빌드하여 실행시켜보겠다. 1. SSH로 이전에 생성한 EC2에 접속 2. 필요한 패키지 다운받기 이번 테스트에서는 git에 있는 소스를 직접 EC2에 받아서 실행한다고 가정하겠다. 아래 명령으로 git과 nginx를 설치한다. $ sudo yum update $ sudo yum install git $ sudo yum install nginx Nginx에 대해 Amazon Linux 1 같은 경우에는 그냥 이렇게 하면 설치가 진행되지만, Amazon Linux 2의 환경에서는 nginx is ava..