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..

이전 글에서는 EC2에 Nginx를 설치하고 React 앱을 빌드하여 실행시켜 보았다. 이번 글에서는 React 앱과 연결되는 서버인 Node.js + express 프로젝트를 EC2에 배포하고 이에 접속하여 실행하는 방법을 알아보고자 한다. 또한, 백엔드 프로젝트에서 접근하는 DB를 AWS RDS로 구성하고 백엔드 프로젝트에서 RDS로 접속하는 방법도 알아보고자 한다. 먼저, Node.js + express + sequalize를 통해 만들어진 프로젝트가 git에 올라와 있다고 가정하고 이 프로젝트를 받아 실행해보겠다. 프로젝트 생성은 다음 글을 참고하였다. (https://www.bezkoder.com/react-node-express-postgresql/) 1. SSH로 이전에 생성한 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..

AWS 각 서비스를 공부하기 이전에 한 EC2에 1. React로 만든 프론트엔드 프로젝트를 Nginx를 통해 실행하고 2. Node.js와 express를 사용한 백엔드 프로젝트를 실행하여 전체적인 하나의 웹 서비스를 배포해보려고 한다. 전체 구성도는 다음과 같다. 먼저 이를 위해 개인 VPC를 생성하고 Security Group을 만들어 웹 프로젝트를 배포할 EC2를 띄워보겠다. 기본 VPC를 사용할 예정이라면 1~4 과정은 건너뛰고 보안그룹(Security Group) 생성부터 진행하면 된다. 1. AWS console에 접속하여 로그인하고 vpc 검색 후 vpc 생성을 클릭 2. vpc 이름과 IPv4 CIDR 블록을 지정하고 Name 태그 작성 후 생성 (예제에서는 10.127.0.0/16 을 ..