본문 바로가기

Infra

(8)

AWS ) 정적 웹 사이트 배포 방식 비교 ( nginx / cloudFront / amplify ) 앞서 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..

AWS 배포자동화 구축 _ 6. React 프로젝트 배포 이전에 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 # 컨테이너 내부 작..

AWS 배포자동화 구축 _ 5. Route53 / ELB 연결 / HTTPS 리다이렉션 현재 인터넷 브라우저 요청을 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..

AWS 배포자동화 구축 _ 4. ECS 생성 및 ELB 연결 / ECR image 배포 이번 프로세스는 다음과 같다. - ECS 생성 : Cluster, Service, Task Definition - ELB 생성 , 연결 - EC2 인스턴스 생성 : Auto Scaling Group 시작하기 전에 간단히 개념을 정리하고 넘어가자. 1. EC2 : 가상 서버인 EC2 인스턴스를 프로비저닝하고 실행할 수 있습니다. EC2 인스턴스는 가상 컴퓨터로, 다양한 운영 체제와 소프트웨어를 실행할 수 있습니다. EC2 인스턴스는 가상 프라이빗 클라우드(VPC) 내에서 실행되며, 인터넷을 통해 액세스할 수 있습니다. 2. Auto Scaling Group : 오토스케일링 그룹은 EC2 인스턴스의 그룹입니다. 이 그룹은 사용자가 정의한 조건에 따라 EC2 인스턴스를 자동으로 프로비저닝하고 조정하여 애플리케..

AWS 배포자동화 구축 _ 3. Github Actions으로 docker image 업로드 자동화 AWS 배포자동화 구축 _ 2. Docker 환경 구축 / ECR에 이미지 업로드 이번에는 ECR테스트 용 EC2를 만들기, 도커 환경 구축, 빌드한 도커 이미지를 저장할 수 있는 ECR에 업로드 하는 과정이다. - 최종 flow는 위와 같다. 개발자가 github 레포지토리에 Push 했을 때 github act suvera.tistory.com 앞선 포스팅에서 수동으로 했던 작업( 도커 이미지를 빌드하고 ECR에 업로드하는 과정 )을 Github Actions을 사용하여 개발자가 깃헙에 push를 했을 때 자동으로 수행되도록 하는 과정을 다룰 것이다 ! 웹 서버 : nginx 프로세스 : 깃헙 main 브랜치에 push 명령이 일어날 경우, test, formatting & code analysis를..

AWS 배포자동화 구축 _ 2. Docker 환경 구축 / ECR에 이미지 업로드 이번에는 ECR테스트 용 EC2를 만들기, 도커 환경 구축, 빌드한 도커 이미지를 저장할 수 있는 ECR에 업로드 하는 과정이다. - 최종 flow는 위와 같다. 개발자가 github 레포지토리에 Push 했을 때 github actions를 통해 workflow가 자동으로 돌아가고, 도커 이미지가 빌드 된다. 그리고 빌드된 이미지는 ECR에 업로드 된다. 그리고 최종적으로 ECS Task Definition에 새로운 이미지 ID가 들어가고, ECS에 작업 생성 명령을 한다. 그러면 배포가 완료 된다 ! 1. ECR을 테스트 할 EC2를 생성 - 아직 AutoScalingGroup 생성 전이라 인스턴스가 없다. 테스트 후 삭제 해주자. 이름 : ECR-test AMI : Amazon Linux 2023 ..

AWS 배포자동화 구축 _ 1. 네트워크 환경 구성 AWS를 이용해서 배포자동화 환경을 구축하면서 다양한 네트워크 지식을 채워나갈 수 있는 좋은 기회였다. 구축했던 과정을 다시 한번 정리하면서 공부한 내용을 보충해나가고자 한다. 우선 어떤 식으로 구성할지 아키텍처를 짜야하는데, 아직 AWS에 대한 이해가 완벽하지 않아서 다른분의 아키텍처를 보고 따라하는 식으로 해보았다. ( 버디님께 감사 인사를 드립니다 _ _ ) AWS 배포자동화 실제로 구축하기 - 아키텍처 이번 포스팅부터는 그동안 공부했던 것들을 토대로 github / gitlab 같은 형상관리 툴을 이용해서, AWS... blog.naver.com 계정을 처음 만들었을 때 하나의 리전에서 만들어지는 리소스들은 다음과 같다. - 1 VPC - n Subnet : n은 사용할 수 있는 AZ의 개수 - ..

CI/CD) Github Actions - Slack 연동 배포 자동화 환경을 구축하면서 Github Actions을 사용하여 Docker 이미지를 빌드하고 ECR에 Push하는 과정을 진행했었습니다. 이번에는 그 과정에서 빌드에 실패하거나 오류가 났을 경우에 편리하게 모니터링하기 위해서 업무 협업 툴로 사용되는 Slack과 연동하는 과정을 진행해보겠습니다. 1. Slack에 새로운 앱 생성 https://api.slack.com/apps Slack API: Applications | Slack Your Apps Don't see an app you're looking for? Sign in to another workspace. api.slack.com 1) Create New App -> From Scratch 선택 2) App Name에는 사용할 이름을 입..

이전 1 다음

티스토리툴바