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

이전 글들에서 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..