본문 바로가기

전체 글

 (24)
Image resizing with Lambda@edge -1 이미지 리사이징 서버의 구조는 이러하다. 개발팀에 공유하기 위해서 간단히 그린 그림인데 설명하자면, 이미지 요청시 캐싱된 이미지의 경우 바로 응답처리되고 캐싱되지 않은 경우, 람다함수에서 실시간 리사이징 처리되어 응답된다. 리사이징 함수의 코드는 아래와 같다. 'use strict'; const querystring = require('querystring'); // Don't install. const AWS = require('aws-sdk'); // Don't install. // http://sharp.pixelplumbing.com/en/stable/api-resize/ const Sharp = require('sharp'); const S3 = new AWS.S3({ signatureVersi..
Image resizing with Lambda@edge 이번에 클라이언트 개발측에서 호출되는 이미지가 너무 커서 로딩시간이 오래걸린다는 점을 문제로 제기했다. 기존에 GCP storage에 썸네일 이미지와 원본이미지를 같이 저장했는데 원본이미지를 호출하는 페이지가 많아 앱에서는 무리가 되었으리라 생각한다. 그래서 이미지를 원하는 사이즈로 호출하면 바로바로 잘라서 줄 수 있게끔 lambda@edge를 사용해, 이미지 리사이징 서버를 구축하기로 했다. 기존에 Lambda를 지원하는데 lambda@edge를 써야했던 이유는 이미지 리사이징을 온디맨드로 진행하려 했기 때문이다. 바로바로 이미지를 잘라준다는 것은 이미지를 한번 호출할때마다 이미지 리사이징 서버에 호출이 된다는 것을 의미한다. 그래서 중간에 이미 호출한 이미지를 캐싱해주는 역할을 해주는 cloudfro..
브라우저 캐싱과 CDN 캐싱 최근에 이미지 리사이징 서버 작업중 aws lambda@edge를 도입했다. 람다 에지는 작업을 하는 와중에 CDN 캐싱과 브라우저의 캐싱이 뭐가 다른지 궁금해졌다. CDN(content delivery network)은 지리적으로 분리된 프록시 서버의 네트워크를 의미하는 것이고, 캐싱은 특정시간동안 정보를 컴퓨터에 저장하는 프로세스를 뜻한다. 계속)

티스토리툴바