2donny

  • 홈
  • 태그
  • 방명록

Lambda@Edge 1

[2/2] AWS Lambda와 Sharp로 이미지 리사이징하기 (이미지 최적화)

사용 동기 웹 사이트 속도의 첫 인상을 결정하는 것은 아마도 첫 이미지 로딩 시간일 것이다. 50x50 사이즈의 이미지를 로딩하는데 10MB 짜리 400x400 사이즈 이미지를 로딩하며, 심지어 페이지에 다시 돌아왔을 때 캐싱도 되어있지 않다면 유저는 그 사이트가 느리다고 생각할지도 모른다. 이를 해결하기 위해 리사이징(Resizing)기술을 제공하는 모듈(sharp)이 나오게 되었고, 이미지 용량을 줄여 로딩 속도를 빠르게하는 Best practice로서 널리 통용되어 사용되고 있다. 이 글에서는 1 편에서 소개했듯이 AWS Lambda 함수로 썸네일을 생성하는 방법을 소개한다. 근데 만약 Lambda를 한번이라도 써본적이 있다면, 여기서 이런 의문점이 생길 수도 있다. 굳이 Serverless 서비스..

AWS 2021.12.02
1
프로필사진

Just keep going.

  • 분류 전체보기 (17)
    • 동아리 과제 [Front-end 편] (0)
    • Computer Science (0)
    • Computer Architecture (1)
    • 웹 프론트 개발 (4)
    • 회고록 (4)
    • 도커 (1)
    • 서버개발 (0)
    • AWS (5)
    • TDD (0)
    • Spring (1)
    • TypeORM (1)
    • NestJs (0)

Tag

첫 회사 회고, typeorm migration, jest.config.js, 2022 회고, dms, 팀장 회고, Primary key constraint bug, Lambda@Edge, moduleNameMapper, migrate:revert, uuid_generate_v4(), type alias, migrate:run, AWS, image-optimization, Dependency Injection, bean, beanstalk, 1막 1장, TypeScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 05  
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 깃허브 주소

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.