목록CRA (2)

코딩 범고래의 해저동굴

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을 위한 여정 (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 Next