일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 라우팅
- Jenkins #Dev Ops
- docker #도커 #도커이미지 #도커 이미지 옮기기
- rtB
- GitHub
- docker
- igw
- ec2
- CRA
- AWS
- 웹 호스팅
- Web Hostring
- ubuntu #ubuntu14 #서비스등록 #dev-ops #service #init.d
- ECR
- dev-ops #rockylinux #rocky #docker #linux
- CloudFront
- subnet
- 서브네팅
- 정적 웹 호스팅
- docker #도커 #도커 이미지 #도커이미지 #도커 이미지 저장
- s3
- git actions
- cloud front
- Actions
- ubuntu #java #dev-ops
- CloudFront proxy
- CI/CD
- 캐시 정책
- react
- ecs
Archives
- Today
- Total
목록정적 웹 호스팅 (1)
코딩 범고래의 해저동굴
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