코딩뚠뚠

AWS S3를 이용한 정적 웹호스팅을 구성한 사용자들은, 페이지 업데이트를 위해 새로 업로드한 파일들이 페이지에 바로 적용되지 않는 경험을 했을 확률이 높다 대개 AWS의 CDN 서비스인 CloudFront 를 사용하고 있는 경우인데, 바로 적용하는 방법을 알아보도록 하자. 1. 새 프로젝트를 빌드 하고 S3 에 업로드 이후 사이트에 접속해보면 바로 변경내용이 적용되어 있지는 않은 것을 알 수 있다. 2. CloudFront - ID 클릭 3. Invalidations 클릭 4. Create invalidation 무효화 하고자하는 페이지를 적어준다. 내가 호스팅하고 있는 React 페이지의 경우 index.html 을 무효화 해야했다. 5. 결과 Create invalidation 시 Status가 I..

이전장에서는 AWS S3에 파일을 업로드 하는 동작을 React로 연동해보았다. [AWS] Lambda 구축하기-4 / React 연동 파일 업로드 이전장까지 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS] Lambda 구축하기-3 / S3 trigger로 Lambda 호출 이전장 에서는 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해.. dbstndi6316.tistory.com 이번장에서는 Frontend 자체를 Local이 아닌 웹서버에서 호스팅 하기 위해 S3를 이용해보려한다. 1. S3 bucket 생성 1.1 기본권한으로 네이밍만 한 S3 bucket을 생성한다. 2. 권한 편집 2.1 생성한 bucket의 권한에 접근한다. 2..

이전장까지 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS] Lambda 구축하기-3 / S3 trigger로 Lambda 호출 이전장 에서는 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS-lambda] Lambda 구축하기-2 이전장 에서는 Lambda 함수를 만들고 API Gateway 트리거를 추가해줬다. Lambda 로 변경한 이유. dbstndi6316.tistory.com 업로드 시 Frontend 가 구축되어있지 않아 Postman을 사용해서 테스트를 할 수밖에 없었다. 이번장에서는 간단한 Frontend 구축을 통해 파일을 올려보도록 하자 1. node.js 다운로드 후 설치 - 아래 사이트에서 자신OS에 맞는..