CSR 환경에서 Dynamic OpenGraph 구현하기
CSR 환경에서 소셜 공유용 OpenGraph 메타 태그를 동적으로 제공하는 방법을 다뤘습니다. CloudFront Function으로 봇만 분기해 엣지에서 HTML을 응답하고 기존 CSR 구조는 유지했습니다.
#CloudFront#OpenGraph#CSR
6600
태그
CloudFront 기술 블로그 글
CloudFront 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 17개최신 17개 표시
관련 태그
최신 게시글
17개 표시
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.
#React#TypeScript#webpack
4200
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
롯데ON의 실시간 이미지 처리 (a.k.a LLIS — LotteOn Live Image Service) 자체구축기
롯데ON이 외부 이미지 솔루션을 대신해 LLIS를 자체 구축한 사례를 다뤘습니다. S3 Object Lambda와 CloudFront 캐시로 비용을 줄이면서 실시간 이미지 처리 성능을 유지했습니다.
#AWS#AWS Lambda#S3
11600
SEO 주도 개발 실천기: 구글이 인정한 ‘좋은 URL’ 99% 달성 여정
SEO 지표를 개발 목표로 삼아 서버와 클라이언트의 병목을 단계적으로 개선했습니다. 그 결과 원티드 플랫폼의 99% URL을 ‘좋은 URL’로 전환했습니다.
#SEO#Next.js#SSR
9700
전 세계 18억 명이 사용하는 삼성 계정 서비스, 리전 규모 장애가 발생한다면?
삼성 계정의 리전 단위 장애 대응을 위해 Active-Active DR 아키텍처와 트래픽 전환 체계를 고도화한 사례입니다. Route 53 ARC와 CloudFront를 적용해 잔여 트래픽과 네트워크 지연을 줄였습니다.
#AWS#Route 53#CloudFront
10000
AWS MediaConvert 를 활용한 동영상 스트리밍 서비스 구축기 - 2편
AWS MediaConvert 연동을 위해 IAM 임시 자격 증명과 S3 버킷 설정 과정을 정리했습니다. 퍼블릭 액세스 차단, 객체 소유권, CORS 설정 시 주의할 점도 함께 설명했습니다.
#AWS MediaConvert#IAM#S3
4500
Amazon Q Developer를 사용하여 애플리케이션 복원력을 향상시키는 방법
Amazon Q Developer로 애플리케이션 복원력을 높이는 방법을 소개했습니다. 단일 AZ 아키텍처를 다중 AZ, 오토스케일링, 캐싱, DR 전략으로 개선하는 사례를 정리했습니다.
#Amazon Q Developer#AWS#EKS
5300
웹빌더 시스템 Part 2: AWS Lambda로 간단하게 사이트맵 관리하기
AWS Lambda와 S3 이벤트를 이용해 사이트맵 갱신을 자동화한 사례를 소개했습니다. CloudFront 캐시 무효화까지 연결해 신규 제휴점이 검색엔진에 빠르게 반영되도록 구성했습니다.
#AWS Lambda#S3#CloudFront
5900
AWS Shield와 AWS WAF로 효과적인 DDoS 대응 방안 구축하기
AWS Shield와 AWS WAF를 활용해 DDoS 공격을 계층별로 대응하는 방안을 설명했습니다. 확장성 여부에 따라 아키텍처 개선과 사용자 지정 완화 규칙을 함께 고려할 수 있습니다.
#AWS Shield#AWS WAF#DDoS
5900
라이브 게임 에셋 관리 개선기 - 3.DLC를 통한 에셋 패치 시스템
모바일 라이브 게임에서 어드레서블과 S3를 이용한 에셋 패치 시스템 구상을 정리했습니다. 앱 용량과 심사 부담을 줄이기 위한 원격 배포 전략을 살펴보았지만, 실제 적용은 중단했습니다.
#AWS#S3#CloudFront
2500
SPA 환경에서의 버전 업데이트를 위한 모두싸인의 최신 버전 업데이트 기능 구현기
SPA에서 구 버전 리소스가 계속 유지되는 문제를 해결하기 위해 최신 버전 업데이트 기능을 구현했습니다. version.json 폴링과 버전 비교로 강제·선택 업데이트를 분기하고 전환율까지 측정했습니다.
#React#Vite#AWS S3
6600
Amazon SageMaker로 LLM 응답 Streaming 서빙하기
Amazon SageMaker 기반 LLM을 토큰 단위로 스트리밍 서빙하는 구성을 소개했습니다. Lambda Function URL과 CloudFront를 조합해 응답 스트리밍을 구현하는 방법을 설명했습니다.
#Amazon SageMaker#LLM#Lambda
2700
AWS S3 Object Lambda로 이미지 리사이징 비용 효율 높이기
펫프렌즈가 이미지 리사이징을 Lambda@Edge에서 S3 Object Lambda로 전환한 사례를 소개했습니다. On-Demand 방식으로 운영 복잡성을 줄이고 비용도 크게 절감했습니다.
#AWS S3 Object Lambda#Lambda@Edge#CloudFront
3900
S3 Object Lambda를 이용한 On-Demand 이미지 변환 서비스 소개
AWS S3 Object Lambda로 On-Demand 이미지 변환 서비스를 구축한 사례를 소개했습니다. 사전 저장 방식의 비용과 복잡도를 줄이고 CloudFront 연동으로 성능과 운영 효율을 개선했습니다.
#AWS#S3 Object Lambda#CloudFront
2900
이미지 최적화 여정(1): AWS Serverless Image Handler
AWS Serverless Image Handler를 도입해 이미지 크기 불일치와 백엔드 의존성을 줄였습니다. 점진적 적용과 캐시 버스팅으로 운영 리스크를 낮추고 성능을 개선했습니다.
#AWS#server#CloudFront
4500
AWS Re:invent 2023 참관기와 연사자 후기! (1)
AWS Re:Invent 2023 참관기와 세션 후기를 통해 클라우드·서버리스·성능 최적화 인사이트를 정리했습니다. 장애 회복력, 캐싱, 샤딩, 생성형 AI 서비스의 실무 적용 가능성도 함께 살펴봤습니다.
#AWS#cloud#Lambda
1700
lambda@edge를 활용한 이미지 워터마킹
AWS Lambda@Edge로 CloudFront 응답 시점에 이미지를 워터마킹하는 방법을 소개했습니다. Sharp로 합성하고 권한 설정과 배포 절차까지 함께 설명했습니다.
#AWS#Lambda@Edge#CloudFront
2300
