suvera-dev 🥦

앞서 AWS 배포 과정을 포스팅하면서 EC2 + WebServer를 활용하여 실습을 해보았는데요. 그 외에도 웹사이트를 배포하는 방법에는 여러가지 방법들이 있어서 한번 비교해보려고 합니다. 1. AWS - EC2 + WebServer(Nginx) 를 활용한 배포 2. AWS - CloudFront + S3를 활용한 배포 3. AWS - Amplify를 활용한 배포 1. EC2 + WebServer ( Nginx ) 를 활용한 배포 - AWS EC2 인스턴스 위에 Nginx 웹서버를 이용하여 서버 호스팅을 진행하는 방법. EC2는 하나의 작은 가상의 서버이고, Nginx는 OS위에 웹 서비스를 띄우기 위한 웹 서버. EC2와 Nginx를 이용해서 간단하게 정적인 사이트를 배포할 수 있다. 장점 1) Ngi..

이전에 index.html 파일하나로 배포 테스트를 했었는데, 실제로 배포해야하는 프로젝트는 React 프로젝트로 구성할 것이기 때문에 React 프로젝트를 만들고 잘 뜨는지 확인해보자. 1. React 프로젝트 생성 - 리액트 프로젝트를 생성하는 방법은 간단하다. - 이전에 진행했던 폴더에서 그대로 React 프로젝트를 만들어주었다. Node.js 설치 작업용 폴더 만들기 터미널에서 npx create-react-app 프로젝트명 이렇게 하면 자동적으로 필요한 폴더들이 세팅된다. 2. Docker 파일 수정 아래에 각 코드 설명을 적어두었다. # base image 설정(as build 로 완료된 파일을 밑에서 사용할 수 있다.) FROM node:14-alpine as build # 컨테이너 내부 작..

현재 인터넷 브라우저 요청을 LB가 받아 EC2에 요청을 보내고 있는 구조로 되어있다. 이번에는 도메인을 발급 받고 AWS의 Route53에 등록한뒤, ELB와 연결해서 도메인으로 접속할 것이다. 1. 도메인 발급 사이트 https://www.freenom.com/en/index.html?lang=en Freenom - A Name for Everyone Sorry, is not available. IMPORTANT NOTICE: Because of technical issues the Freenom application for new registrations is temporarily out-of-order. Please accept our apologies for the inconvenience. W..

앞서 구축한 ECS에서 새로운 이미지가 자동적으로 배포되는 과정을 추가해주려고 한다. 이미지가 새롭게 생성되어서 ECR로 push하고, 새로운 이미지 tag를 지정하여 업로드 하는 것 까진 완료했었다. 근데 이 이미지 태그를 ECS의 Task Definition에 업데이트해야 ECS가 변경사항을 감지하여 EC2로 배포 명령을 내리게 된다. 오늘은 이 Task Definition에 새로운 이미지 태그를 업데이트하여 배포하는 과정을 테스트 해볼 것이다. 이전에 작성했었던 deployment.yml 파일을 수정해보자. 1. ECS 콘솔에서 아래에 해당하는 환경 변수를 찾아 추가해준다. env: ENV: development AWS_REGION: ap-northeast-2 CONTAINER_NAME: conta..