CSR 환경에서 Dynamic OpenGraph 구현하기
CSR 환경에서 소셜 공유용 OpenGraph 메타 태그를 동적으로 제공하는 방법을 다뤘습니다. CloudFront Function으로 봇만 분기해 엣지에서 HTML을 응답하고 기존 CSR 구조는 유지했습니다.
#CloudFront#OpenGraph
66005분
필터 1
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.
#React#TypeScript
42005분
롯데ON의 실시간 이미지 처리 (a.k.a LLIS — LotteOn Live Image Service) 자체구축기
롯데ON이 외부 이미지 솔루션을 대신해 LLIS를 자체 구축한 사례를 다뤘습니다. S3 Object Lambda와 CloudFront 캐시로 비용을 줄이면서 실시간 이미지 처리 성능을 유지했습니다.
#AWS#AWS Lambda
114005분
SEO 주도 개발 실천기: 구글이 인정한 ‘좋은 URL’ 99% 달성 여정
SEO 지표를 개발 목표로 삼아 서버와 클라이언트의 병목을 단계적으로 개선했습니다. 그 결과 원티드 플랫폼의 99% URL을 ‘좋은 URL’로 전환했습니다.
#SEO#Next.js
96005분
전 세계 18억 명이 사용하는 삼성 계정 서비스, 리전 규모 장애가 발생한다면?
삼성 계정의 리전 단위 장애 대응을 위해 Active-Active DR 아키텍처와 트래픽 전환 체계를 고도화한 사례입니다. Route 53 ARC와 CloudFront를 적용해 잔여 트래픽과 네트워크 지연을 줄였습니다.
#AWS#Route 53
99005분
AWS MediaConvert 를 활용한 동영상 스트리밍 서비스 구축기 - 2편
AWS MediaConvert 연동을 위해 IAM 임시 자격 증명과 S3 버킷 설정 과정을 정리했습니다. 퍼블릭 액세스 차단, 객체 소유권, CORS 설정 시 주의할 점도 함께 설명했습니다.
#AWS MediaConvert#IAM
45005분
Amazon Q Developer를 사용하여 애플리케이션 복원력을 향상시키는 방법
Amazon Q Developer로 애플리케이션 복원력을 높이는 방법을 소개했습니다. 단일 AZ 아키텍처를 다중 AZ, 오토스케일링, 캐싱, DR 전략으로 개선하는 사례를 정리했습니다.
#Amazon Q Developer#AWS
51005분
웹빌더 시스템 Part 2: AWS Lambda로 간단하게 사이트맵 관리하기
AWS Lambda와 S3 이벤트를 이용해 사이트맵 갱신을 자동화한 사례를 소개했습니다. CloudFront 캐시 무효화까지 연결해 신규 제휴점이 검색엔진에 빠르게 반영되도록 구성했습니다.
#AWS Lambda#S3
58005분
AWS Shield와 AWS WAF로 효과적인 DDoS 대응 방안 구축하기
AWS Shield와 AWS WAF를 활용해 DDoS 공격을 계층별로 대응하는 방안을 설명했습니다. 확장성 여부에 따라 아키텍처 개선과 사용자 지정 완화 규칙을 함께 고려할 수 있습니다.
#AWS Shield#AWS WAF
59005분
라이브 게임 에셋 관리 개선기 - 3.DLC를 통한 에셋 패치 시스템
모바일 라이브 게임에서 어드레서블과 S3를 이용한 에셋 패치 시스템 구상을 정리했습니다. 앱 용량과 심사 부담을 줄이기 위한 원격 배포 전략을 살펴보았지만, 실제 적용은 중단했습니다.
#AWS#S3
24005분
SPA 환경에서의 버전 업데이트를 위한 모두싸인의 최신 버전 업데이트 기능 구현기
SPA에서 구 버전 리소스가 계속 유지되는 문제를 해결하기 위해 최신 버전 업데이트 기능을 구현했습니다. version.json 폴링과 버전 비교로 강제·선택 업데이트를 분기하고 전환율까지 측정했습니다.
#React#Vite
65005분