공부/AWS28 [AWS] 카톡분석 프로젝트-9 / S3 관리 이전 4번 포스팅에서 React를 연동하여 S3에 파일을 업로드 해봤다. [AWS] Lambda 프로젝트-4 / React 연동 파일 업로드 이전장까지 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS] Lambda 구축하기-3 / S3 trigger로 Lambda 호출 이전장 에서는 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해.. dbstndi6316.tistory.com 하지만 사용자가 내 S3에 50GB 파일을 넣는다면? 그리고 그 파일이 계속 지워지지 않고 있다면? 요금 폭탄을 맞을 수 있다. 그래서 이번포스팅에서는 S3 관리 탭의 내용을 설정해보려한다. 1. S3 버킷 "관리" 탭에 접근해 "수명 주기 규칙 생성" 클릭 2. 규칙.. 2022. 6. 19. [AWS] 카톡분석 프로젝트-8 / React useNavigate 저번 포스팅에서는 React 라우터의 기본적인 사용방법을 익혀봤다. [AWS] Lambda 구축하기-7 / React 라우터 사용 이전장에서는 S3로 구성한 정적 웹호스팅에 AWS의 CDN 서비스인 CloudFront를 이용해 https 보안을 적용하였고, Route53을 통해 나만의 도메인을 적용시켜보았다. [AWS] Lambda 구축하기-6 / S3 정적웹호스팅 dbstndi6316.tistory.com 이번 포스팅에서는 요청에 대한 응답으로 클릭없이 페이지를 이동해보고자 한다. 우선 이를 사용하기 위해서는 react-router-dom이 설치되어있어야 한다. 이전 포스팅 참고 1. Functional Component - const navigate = useNavigate()를 function 내에.. 2022. 6. 19. [AWS] 카톡분석 프로젝트-7 / React 라우터 사용 이전장에서는 S3로 구성한 정적 웹호스팅에 AWS의 CDN 서비스인 CloudFront를 이용해 https 보안을 적용하였고, Route53을 통해 나만의 도메인을 적용시켜보았다. [AWS] Lambda 구축하기-6 / S3 정적웹호스팅에 https 적용 이전장에서는 AWS S3 bucket을 이용한 정적 웹호스팅까지 진행해보았다. [AWS] Lambda 구축하기-5 / S3 이용한 정적웹호스팅 이전장에서는 AWS S3에 파일을 업로드 하는 동작을 React로 연동해보았다. [AWS] L dbstndi6316.tistory.com 하지만, 앞장에서 까지의 서비스는 한 화면에서 동작하는 서비스였다. 이제는 페이지 이동을 위해 라우팅을, 그 중 먼저 React 에서의 라우터를 예제로 배워보도록 하자. 라우팅.. 2022. 6. 14. [AWS] 카톡분석 프로젝트-6 / S3 정적웹호스팅에 https 적용 이전장에서는 AWS S3 bucket을 이용한 정적 웹호스팅까지 진행해보았다. [AWS] Lambda 구축하기-5 / S3 이용한 정적웹호스팅 이전장에서는 AWS S3에 파일을 업로드 하는 동작을 React로 연동해보았다. [AWS] Lambda 구축하기-4 / React 연동 파일 업로드 이전장까지 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [ dbstndi6316.tistory.com 하지만 정적 웹호스팅을 위해서는 퍼블릭엑세스를 허용해줘야돼서 보안에 구멍이 생긴다. 따라서 보안향상을 위해 이번 포스팅에서는 https를 적용해보고자 한다. S3 버킷에 보안 설정이 필요한 이유 https 가 아닌 http 통신을 해야되기 때문 버킷이 퍼블릿 공개라는 점 AWS S3의.. 2022. 6. 6. [AWS] 카톡분석 프로젝트-5 / S3 이용한 정적웹호스팅 이전장에서는 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.. 2022. 6. 5. [AWS] 카톡분석 프로젝트-4 / React 연동 파일 업로드 이전장까지 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에 맞는.. 2022. 6. 5. [AWS] 카톡분석 프로젝트-3 / S3 trigger로 Lambda 호출 이전장 에서는 S3 저장소를 만들고 API Gateway를 통해 S3에 파일을 업로드해봤다. [AWS-lambda] Lambda 구축하기-2 이전장 에서는 Lambda 함수를 만들고 API Gateway 트리거를 추가해줬다. Lambda 로 변경한 이유 우선 내가 구현해보려는 서비스는 많은 리소스" data-og-host="dbstndi6316.tistory.com" data-og-source-url="http.. dbstndi6316.tistory.com 이번장에서는 S3를 트리거로Lambda호출하기 를 해보려 한다. 아래 그림에서 오른쪽 Trigger from S3 부분에 해당된다. S3를 트리거로Lambda 호출하기 1. S3 bucket 생성 - 저번장에서 생성해준 bucket 을 그대로 사용하려.. 2022. 6. 4. [AWS] 카톡분석 프로젝트-2 / API Gateway 통해 S3에 파일업로드 이전장 에서는 Lambda 함수를 만들고 API Gateway 트리거를 추가해줬다. [AWS-lambda] Lambda 구축하기-1 웹서버 구축을 위해 EC2 를 사용하려다가 Lambda로 급선회했다. 먼저 Lambda를 포스팅한 후 다시 EC2를 포스팅 해보려 한다. EC2 -> Lambda 로 변경한 이유 우선 내가 구현해보려는 서비스는 많은 리소스 dbstndi6316.tistory.com 이번장에서는 1. AWS의 클라우드 스토리지인 S3 만들기 2. API Gateway를 통해 S3에 파일 올리기 를 해보려 한다. 아래 그림에서 왼쪽 Client file upload 부분에 해당된다. S3 만들기 간단히 생성만하고 이후 과정에서 S3를 이용해보도록 하자 1. S3 탭으로 이동 2. 버킷만들기 클.. 2022. 6. 4. 이전 1 2 3 4 다음 반응형
