카
카카오페이
June 4, 20251회
Next.js 트러블슈팅: CORS와 Version Skew 에러 원인부터 해결까지
간단 소개
Next.js 환경에서 CORS와 Version Skew 에러를 해결하고, 안정적인 배포 전략을 구축한 경험을 공유합니다.
AI Summary
- CORS 에러 해결 과정
- Next.js SSR 환경에서 CORS 에러 발생, 원인은 client-side navigation 시 CSS 파일 요청 문제.
- 해결 방법으로
Vary: Origin헤더,crossOrigin: anonymous옵션, dynamic import 고려. crossOrigin: anonymous옵션 적용 후 다른 서비스에서 CORS 에러 발생, 롤백 후 dynamic import 적용.
- Version Skew 문제 해결
- 배포 중 Version Skew 발생, 원인은 롤링 배포 시 신구 버전 서버 간 요청 불일치.
- Next.js의 BUILD_ID를 이용한 버전 관리 방식이 문제의 원인임을 파악.
- 세션 스토리지에 상태 저장하여 새로고침 시 데이터 유지, 스티키 세션 적용으로 개선.
- 교훈 및 배운 점
- SSR 서비스에서 Version Skew 발생 가능성을 인지하고 대비해야 함.
- 장애 상황을 가정하고 대비하는 것이 중요하며, 빠른 탐지 및 복구 시스템 구축 필요.
Next Feeds
Amazon Q Developer CLI로 Lambda를 Rust로 변환하고 성능 향상하기
Amazon Q Developer CLI를 사용하여 Lambda 함수를 Rust로 변환하고 성능을 향상시키는 방법과 실제 사례를 소개합니다.
Amazon Q Developer CLIAWS LambdaRust서버리스성능 최적화
2025. 6. 4.
AWS
티오더의 Amazon Bedrock을 활용한 MCP 기반 운영 플랫폼 개발기
티오더는 Amazon Bedrock 기반 MCP 운영 플랫폼을 구축, 자연어 인터페이스와 자동화된 이벤트 분석으로 운영 효율성을 높이고 있습니다.
Amazon BedrockMCPLangChainAmazon MemoryDB티오더
2025. 6. 4.
AWS
AWS가 제공하는 클라우드 기반의 양자 컴퓨팅 서비스, Amazon Braket – 3
Amazon Braket을 활용한 양자 연구 방법, 산업 적용 사례, 비용 구조 및 연구 시작 단계를 소개합니다.
Amazon BraketQuantum Embark양자 컴퓨팅AWS고객 사례
2025. 6. 4.
AWS
코드 품질 개선 기법 14편: 책임을 부여하는 오직 하나의 책임
책임 분할은 때로 의존성 복잡성을 야기하므로, 클래스 분할 시 책임과 의존성 간의 균형을 신중히 고려해야 한다.
단일 책임 원칙책임 분할의존성응집도결합도
2025. 6. 4.
LY Corp
2025년 FinOps 트렌드 4가지 : 거버넌스, AI 비용 최적화, 리소스 관리 등
2025년 FinOps 트렌드는 거버넌스 강화, AI 활용 증대, AI 지출 관리, 클라우드 리소스 관리 효율화에 집중될 전망이다.
FinOps클라우드 비용 최적화AI거버넌스리소스 관리
2025. 6. 4.
인포그랩
Amazon Bedrock Agents와 AWS Support 자동화 워크플로우(SAW)를 통한 AWS 리소스 문제 해결 간소화
Amazon Bedrock Agents와 AWS Support Automation Workflows를 활용하여 AWS 리소스 문제 해결을 자동화하는 방법을 제시합니다.
Amazon BedrockAWS SAWEKS문제 해결자동화
2025. 6. 3.
AWS