코딩뚠뚠

저번 포스팅에서는 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 내에..

이전장에서는 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 에서의 라우터를 예제로 배워보도록 하자. 라우팅..

이전장에서는 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의..

이전장에서는 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에 맞는..