코딩뚠뚠

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

이전장 에서는 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 을 그대로 사용하려..

이전장 에서는 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. 버킷만들기 클..

웹서버 구축을 위해 EC2 를 사용하려다가 Lambda로 급선회했다. 먼저 Lambda를 포스팅한 후 다시 EC2를 포스팅 해보려 한다. EC2 -> Lambda 로 변경한 이유 우선 내가 구현해보려는 서비스는 많은 리소스를 필요로 하지 않는다. EC2는 가상 컴퓨터 자체를 24시간 임대하는것이기 때문에 사용자가 서비스에 접근하지 않아도 비용이 들고, 트래픽에 따른 성능의 Scaling 작업이 필요하다. Lambda는 사용자가 접근했을 때만 비용이 발생하고 Auto Scaling을 지원한다. 대신 한번에 15분의 러닝타임만을 제공한다. 또한 AWS에는 많은 서비스들이 있지만 아래 사진을 보면 EC2는 OS~Application 단을, Lambda는 Application 단만 구현하면 되는것을 알 수 있다..