목록전체 글 (15)

코딩 범고래의 해저동굴

AWS Cloud Front에서 정적 웹 호스팅과 ECS로 띄운 API 컨테이너 연계하기

관련 포스팅 1) CI/CD ECS 구성 ECS + Github action을 위한 여정 ECS + Github action을 위한 여정 (1) ~ EC2 구성 및 Docker 설치 ~ 기존의 모놀로식 환경에서 운영되던 시스템을 AWS에 올려 운영하기 위한 첫걸음 입니다. 우선 Docker image를 ECR에 push하기 위해 EC2구성부터 docker 설치까지 진행해보도록 하겠습니다. 1. 우선 EC2 콘 coding-orca.tistory.com 2) CI/CD S3 + Cloud Front 웹 호스팅 구성 Create React App(CRA) 프로젝트를 AWS S3와 CloudFront를 활용하여 배포하고 Github Action을 통해 CI/CD하기 Create React App(CRA) 프로..
AWS 2023. 4. 25. 15:31
ECS + Github action을 위한 여정 (6) ~ Github Action으로 ECS 작업 정의(Task Definition)에 자동 배포하기 ~

이전글: ECS + Github action을 위한 여정 (5) ~ ECR의 image를 ECS로 띄워보기 ~ ECS + Github action + CodeDeploy를 위한 여정 (5) ~ ECR의 image를 ECS로 띄워보기 ~ 이전글 : ECS + Github action + CodeDeploy를 위한 여정 (4) ~ ECS에서 사용할 VPC 구성하기 ~ ECS + Github action + CodeDeploy를 위한 여정 (4) ~ ECS에서 사용할 VPC 구성하기 ~ 이전글: ECS + Github action + CodeDeploy를 위한 coding-orca.tistory.com 이젠 내가 깃헙의 특정 브렌치에 올리면, 자동으로 ECS 내부의 Task 개정이 update 되게끔 만들어보..
AWS 2023. 4. 25. 15:08
ECS + Github action을 위한 여정 (5) ~ ECR의 image를 ECS로 띄워보기 ~

이전글 : ECS + Github action을 위한 여정 (4) ~ ECS에서 사용할 VPC 구성하기 ~ ECS + Github action + CodeDeploy를 위한 여정 (4) ~ ECS에서 사용할 VPC 구성하기 ~ 이전글: ECS + Github action + CodeDeploy를 위한 여정 (3) ~ EC2에 있는 Docker image 파일을 ECR에 push하기 ~ ECS + Github action + CodeDeploy를 위한 여정 (3) ~ EC2에 있는 Docker image 파일을 ECR에 push하기 ~ 이전 글 : ECS + coding-orca.tistory.com 이전에 설정한 VPC 혹은 default VPC와 이전에 구성한 ECR로 ECS 컨테이너를 띄워볼 예정이다..
AWS 2023. 4. 24. 14:59
ECS + Github action을 위한 여정 (4) ~ ECS에서 사용할 VPC 구성하기 ~

이전글: ECS + Github action을 위한 여정 (3) ~ EC2에 있는 Docker image 파일을 ECR에 push하기 ~ ECS + Github action + CodeDeploy를 위한 여정 (3) ~ EC2에 있는 Docker image 파일을 ECR에 push하기 ~ 이전 글 : ECS + Github action + CodeDeploy를 위한 여정 (2) ~ Local에 있는 React 프로젝트를 EC2로 옮긴 뒤 Docker로 Build하기 ~ ECS + Github action + CodeDeploy를 위한 여정 (2) ~ Local에 있는 React 프로젝트를 EC2로 옮긴 coding-orca.tistory.com 이전글에서 올린 ECR로 ECS를 돌려보겠다. 우선 VPC를..
AWS 2023. 4. 24. 10:57
Create React App(CRA) 프로젝트를 AWS S3와 CloudFront를 활용하여 배포하고 Github Action을 통해 CI/CD하기 (2) ~S3 와 Github Action 연결~

이전 포스팅 : Create React App(CRA) 프로젝트를 AWS S3와 CloudFront를 활용하여 배포하고 Github Action을 통해 CI/CD하기 (1) ~S3 생성 및 프로젝트 배포, CloudFront 연결 까지~ Create React App(CRA) 프로젝트를 AWS S3와 CloudFront를 활용하여 배포하고 Github Action을 통해 CI/CD하기 (1) 이전 ECS를 구축하다 보니, 정적인 웹(React, Svelte, Vue 등의 프로젝트) 호스팅 자체는 굳이 ECS나 EC2를 활용할 필요가 없다는 것을 깨닫게 되었다. AWS에서는 S3(Simple Storage Service) 버킷에서 직접 정적 coding-orca.tistory.com 이번 포스팅에서는 Cl..
AWS 2023. 4. 21. 18:01
Create React App(CRA) 프로젝트를 AWS S3와 CloudFront를 활용하여 배포하고 Github Action을 통해 CI/CD하기 (1) ~S3 생성 및 프로젝트 배포, CloudFront 연결 까지~

이전 ECS를 구축하다 보니, 정적인 웹(React, Svelte, Vue 등의 프로젝트) 호스팅 자체는 굳이 ECS나 EC2를 활용할 필요가 없다는 것을 깨닫게 되었다. AWS에서는 S3(Simple Storage Service) 버킷에서 직접 정적인 웹사이트를 호스팅 할 수 있게끔 도와준다. 즉 Nginx, Apache등이 필요가 없다는 말이다. 이 시리즈에서는 단순히 웹 호스팅을 하는 것만이 목적이 아니라면 Backend도 연결해서 사용해야 하는데 이는 ECS로 ECR컨테이너를 띄워서 ColudFront의 proxy처리(말이 proxy지, AWS는 "동작"이라 표현한다)를 통해 백엔드와 프론트엔드를 연결하고자 한다. 일단 S3 버켓을 구성하는 것 부터 시작해보려 한다. 1. S3콘솔에 진입하여 버킷..
AWS 2023. 4. 21. 13:54
ECS + Github action을 위한 여정 (3) ~ EC2에 있는 Docker image 파일을 ECR에 push하기 ~

이전 글 : ECS + Github action을 위한 여정 (2) ~ Local에 있는 React 프로젝트를 EC2로 옮긴 뒤 Docker로 Build하기 ~ ECS + Github action + CodeDeploy를 위한 여정 (2) ~ Local에 있는 React 프로젝트를 EC2로 옮긴 뒤 Docker로 Build 이전 글 : ECS + Github action + CodeDeploy를 위한 여정 (1) ~ EC2 구성 및 Docker 설치 ~ ECS + Github action + CodeDeploy를 위한 여정 (1) ~ EC2 구성 및 Docker 설치 ~ 기존의 모놀로식 환경에서 운영되던 시스템을 AWS에 coding-orca.tistory.com 이전글에 이어서 EC2에서 생성하고 테스..
AWS 2023. 4. 12. 17:57
ECS + Github action을 위한 여정 (2) ~ Local에 있는 React 프로젝트를 EC2로 옮긴 뒤 Docker로 Build하기 ~

이전 글 : ECS + Github action을 위한 여정 (1) ~ EC2 구성 및 Docker 설치 ~ ECS + Github action + CodeDeploy를 위한 여정 (1) ~ EC2 구성 및 Docker 설치 ~ 기존의 모놀로식 환경에서 운영되던 시스템을 AWS에 올려 운영하기 위한 첫걸음 입니다. 우선 Docker image를 ECR에 push하기 위해 EC2구성부터 docker 설치까지 진행해보도록 하겠습니다. 1. 우선 EC2 콘 coding-orca.tistory.com 전 포스팅에 이어서 이젠 Local(나의 PC)에 있는 Dockerfile이 포함된 React 프로젝트를 EC2에 옮겨 Image로 빌드하기 까지 과정을 포스팅하겠습니다. 1. EC2의 public DNS 확인하기..
AWS 2023. 4. 12. 16:00
Prev 1 2 Next