xu의 성장일지

Github Actions로 CI/CD를 구축하여, github에 push 했을 때 S3와 CloudFront에 자동으로 업데이트가 되도록 해보겠습니다.S3, CloudFront에서 수동으로 업데이트 하는 방법은 밑의 글을 참고해 주세요!↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ [AWS] S3, CloudFront를 활용해서 React 프로젝트 배포하기오늘은 S3와 Cloudfront를 활용해서 React 프로젝트를 한 번 배포해 보겠습니다. 먼저 CloudFront에 대해 알아보겠습니다.CloudFrontAWS CloudFront는 콘텐츠 전송 네트워크(CDN) 서비스입니다.CDN은 사용자와 가xuwon.tistory.com Github Actions소스 코드 저장소와 밀접하게 통합된 CI/CD 도구코드 변경 ..

배포한 React 프로젝트에 도메인을 연결해 보겠습니다.S3, CloudFront를 활용하여 배포하였는데,자세한 내용은 아래의 글을 참고 부탁드립니다. [AWS] S3, CloudFront를 활용해서 React 프로젝트 배포하기오늘은 S3와 Cloudfront를 활용해서 React 프로젝트를 한 번 배포해 보겠습니다. 먼저 CloudFront에 대해 알아보겠습니다.CloudFrontAWS CloudFront는 콘텐츠 전송 네트워크(CDN) 서비스입니다.CDN은 사용자와 가xuwon.tistory.com 사용자 정의 도메인을 연결하려면, 일단 도메인이 있어야겠죠??저는 내도메인.한국 사이트에서 도메인을 무료로 얻었습니다. 내도메인.한국 - 한글 무료 도메인 등록센터한글 무료 도메인 내도메인.한국, 웹포워딩..

오늘은 S3와 Cloudfront를 활용해서 React 프로젝트를 한 번 배포해 보겠습니다. 먼저 CloudFront에 대해 알아보겠습니다.CloudFrontAWS CloudFront는 콘텐츠 전송 네트워크(CDN) 서비스입니다.CDN은 사용자와 가까운 서버에서 데이터를 제공하여 웹사이트, 애플리케이션, 또는 미디어 파일을 빠르고 안전하게 전송하도록 돕습니다. CloudFront는 전 세계 엣지 로케이션(Edge Location)을 활용해 속도와 안정성을 보장합니다. CloudFront의 주요 기능1. 빠른 콘텐츠 제공: 전 세계에 위치한 엣지 로케이션을 통해 사용자가 가까운 서버에서  콘텐츠를 전달 받음.2. 보안 강화: HTTPS를 지원하고, AWS Shield와 통합하여 DDoS 공격을 방어함.3...

AWS의 S3에 웹 프로젝트를 호스팅 해볼게요.우선 S3가 뭔지 알아야 합니다. S3S3는 한 줄로 요약하자면 파일 저장 및 다운로드 서비스입니다.우리가 사진이나 동영상과 같은 파일들을 구글 드라이브나 iCloud에 저장하듯이, S3도 비슷한 서비스라고 생각하면 돼요.어떤 웹 서비스에 접속할 때 그 웹 페이지 속으로 들어가는 것처럼 느껴지지만, 실제로는 그렇지 않습니다.실제로는 웹 페이지를 운영하고 있는 서버로부터 HTML, CSS, JS, 이미지 파일 등을 다운 받아서 브라우저에 끼워 넣어서 실행시키는 방식입니다.따라서 파일을 다운로드 받아와야 하기 때문에 S3를 활용해서 사용하는 것이죠! 먼저 S3 버킷을 세팅해 보겠습니다.1. 버킷 만들기버킷을 만들어 줍니다. (로그인 후)이름을 지정해주고, [이 ..