# cloudfront

200개의 포스트
post-thumbnail

AWS S3 + CloudFront + HTTPS 설정 + 도메인 설정까지 하는 방법

AWS S3 + CloudFront로 배포를 할 예정이다. 배포를 한 뒤 가비아에서 도메인을 구매를 하여 설정할 것이기 때문에 배포부터 도메인 설정까지 방법을 적어본다. 먼저 AWS 계정을 만든다. 버킷 만들기를 클릭하여 버킷 생성을 시작한다. 버킷만들기에서 버킷

2023년 11월 28일
·
0개의 댓글
·
post-thumbnail

배포가 쉬울줄 알았습니다.

배포하며 겪은 삽질기록

2023년 11월 25일
·
0개의 댓글
·
post-thumbnail

[Next] next-serverless 내부 구조 이해하기

next-serverless 배포 구조를 이해해보자

2023년 11월 3일
·
0개의 댓글
·

AWS CloudFront 사용과 캐시 무효화 자동화

개발하고 있는 서비스에서 특정 html 파일이나 이미지를 AWS CloudFront를 사용하여 CDN으로 제공하고 있다.화면상에서 고정으로 사용되는 아이콘들처럼 자주 수정되지 않을거라 예상하는 이미지나 파일을 CDN으로 제공하고 있는데, 최근에 html 파일을 변경해서

2023년 11월 3일
·
0개의 댓글
·

HTTP error! status: 502

2023년 10월 22일
·
0개의 댓글
·
post-thumbnail

[AWS_Practice] S3 & CloudFront

Static Content Delivery

2023년 10월 20일
·
0개의 댓글
·
post-thumbnail

AWS 03. AWS React 배포 (CloudFront, Route 53)

AWS React 배포 (CloudFront, Route 53)

2023년 10월 18일
·
0개의 댓글
·
post-thumbnail

AWS S3 + CloudFront + Route 53을 이용한 정적 웹 사이트 배포

Next.js를 빌드하여 만들어낸 번들을 AWS 클라우드 서비스를 이용해 실제 사용자에게 제공하려면 어떻게 해야 할까?

2023년 10월 17일
·
0개의 댓글
·
post-thumbnail

[AWS] AWS S3+CloudFront로 배포한 사이트 빌드, 배포 후 변경 사항 즉시 반영 안될 때

변경 사항이 반영되었는지 확인하려 배포한 사이트에 접속했는데 변경 사항이 반영되지 않은 문제가 발생했다. 백엔드 팀원한테 바로 알려주겠다고 한 부분이 있었는데 몇 시간이 지나도 반영되지 않았다.🤯10초에 한 번씩 새로고침 해보고파일을 메인 페이지를 아예 빈 페이지로

2023년 10월 15일
·
0개의 댓글
·

Cloudfront 배포 이후 jwt 쿠키가 사라지는 문제

로컬 환경은 CORS처리가 이미 완료되어 있고, 프론트 3000포트와 백 5005 포트가 통신이 잘 된다. 언제나 그렇듯, 로컬 환경은 잘 되기 마련이다. JWT + OAuth를 활용하여 인증 / 인가를 구현한 상황이었고, JWT 관련 토큰들은 "쿠키" 형태로 저장되고

2023년 10월 13일
·
0개의 댓글
·
post-thumbnail

배포 후 겪었던 쿠키 이슈

로컬에서만 테스트하다가 서버에 처음으로 배포했을 때 한번 쯤은 겪어봤을 정책이슈인 CORS. 토이프로젝트를 만들어보면서 한번 겪어봤었기 때문에 저는 "CORS? 이제 그정도는 껌이지."라고 생각하며 쉽게 봤었던 것 같습니다.그때 당시에는 로그인도 없는 간단한 프로젝트였

2023년 10월 12일
·
0개의 댓글
·
post-thumbnail

AWS S3와 CloudFront, Route53과 godday로 커스텀 도메인 + GithubActions로 자동 배포까지! 리액트 웹페이지 배포 완전판!

오늘은 기존 cloudtype을 이용해 배포해두었던 프론트엔드 파일을 aws s3로 배포를 시도해볼 예정이다.AWS S3 서비스는 Simple Storage Service이다.즉 쉽게 파일 저장이 가능하다.서버를 구축해서 파일을 저장할 수도 있지만, 아마존에서 제공하는

2023년 10월 10일
·
0개의 댓글
·
post-thumbnail

Cloudfront 함수 이용하여 url에 index.html 생략해도 연결되도록 하기

Cloudfront로 S3 정적웹 배포 시 서브디렉토리(subdirectory)에 대해 url에 index.html를 생략하더라도 index.html를 찾아갈 수 있게 하는 방법이 궁금했다. 기본적으로는 index.html을 적어주지 않으면 경로를 찾지 못해 설정이 필

2023년 10월 4일
·
0개의 댓글
·
post-thumbnail

CloudFront S3 OAI 설정 했는데도 403에러 발생 시 (기본값 루트 객체)

cloudfront의 기본값 루트 객체 설정을 해주어야 한다. index.html로 설정해주니 잘 됐다.위와 같이 index.html만 적어야한다. /index.html 라고 적으면 안된다....S3 퍼블릭 엑세스 차단하고 OAI로 설정해서 테스트하는데 자꾸 403 에

2023년 9월 30일
·
0개의 댓글
·
post-thumbnail

[AWS] 서버리스 정적 웹사이트 호스팅 및 성능 가속화 2 - CloudFront를 통한 웹사이트 성능 가속화

지난 글에 이어 S3로 호스팅 된 웹사이트를 CloudFront와 연결해서 성능을 개선해 보는 것으로 프로젝트를 마무리 하겠습니다.1.CloudFront Distribution 생성Origin, Cache behavior 등 설정2.웹 브라우저에서 CloudFront

2023년 9월 29일
·
0개의 댓글
·
post-thumbnail

[AWS] 서버리스 정적 웹사이트 호스팅 및 성능 가속화 1 - S3 버킷 생성 및 정적 웹사이트 호스팅

전체적인 아키텍처 다이어그램은 다음과 같습니다.서버 리스 정적 웹 사이트를 호스팅하고, 콘텐츠 전송 네트워크(CDN) 서비스를 이용하여 웹 사이트의 성능을 향상 시킵니다. 2편의 글로 작성될 것이며 첫번째 글에서 다루고자 하는 내용은 다음과 같습니다.1.S3 버킷 생성

2023년 9월 28일
·
0개의 댓글
·
post-thumbnail

aws 의 cloudfront 를 이용한 ssl 적용

aws express aws서버의 ssl 적용하기 https://www.youtube.com/watch?v=WS2n8mkrFaY&t=346s단, 아래 부분을 주의해야 한다. 위와 같이 했는데도 403 에러가 날 경우 아래와 같이 해볼 것

2023년 9월 27일
·
0개의 댓글
·
post-thumbnail

CDN 무효화 생성 자동화 하기

서비스가 배포 될때마다 수동으로 cloudfront에서 무효화 하는 부분을 자동화해보자

2023년 9월 11일
·
0개의 댓글
·
post-thumbnail

성능 최적화2

S3와 ColudFront를 통한 정적 배포의 장점과 HTTP 캐시를 통한 웹 성능 최적화

2023년 9월 11일
·
0개의 댓글
·