AWS MediaTailor SSAI 환경에서 멀티 CDN 구성과 동적 전환 – Part1
AWS MediaTailor SSAI에서 멀티 CDN을 동적으로 전환하는 방법을 정리했습니다. 콘텐츠와 광고 세그먼트의 라우팅 위치, 트래킹, CORS와 캐시 설정 차이도 함께 설명했습니다.
#AWS#CDN
900
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
AWS MediaConvert 를 활용한 동영상 스트리밍 서비스 구축기 - 2편
AWS MediaConvert 연동을 위해 IAM 임시 자격 증명과 S3 버킷 설정 과정을 정리했습니다. 퍼블릭 액세스 차단, 객체 소유권, CORS 설정 시 주의할 점도 함께 설명했습니다.
#AWS MediaConvert#IAM
5900
Next.js 트러블슈팅: CORS와 Version Skew 에러 원인부터 해결까지
Next.js SSR 서비스에서 발생한 CORS와 Version Skew 장애의 원인과 해결 과정을 정리했습니다. SessionStorage 저장, dynamic import, 배포 전략 개선으로 문제를 완화했습니다.
#Next.js#CORS
14600
Future<Flutter> 2024에 다녀왔습니다
Future<Flutter> 2024 행사 참석 후기와 현장 분위기, 발표 내용을 공유했습니다. Flutter Web, BloC, UI 커스터마이징 경험을 통해 얻은 학습과 인사이트도 정리했습니다.
#Flutter#WebRTC
2400
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드 토큰 인증에서 localStorage 대신 쿠키 기반 관리와 보안 속성 설정을 권장했습니다. XSS·CSRF 위험을 줄이기 위해 토큰 로테이션과 Refresh Token도 함께 제안했습니다.
#JavaScript#Next.js
1500
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드 토큰 인증에서 Web Storage와 직접 토큰 주입 방식의 위험성을 짚었습니다. 쿠키 기반 관리와 토큰 로테이션으로 보안을 높이는 방법을 소개했습니다.
#React#Next.js
3000
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드에서 토큰 기반 인증을 안전하게 관리하는 방법을 정리했습니다. Web Storage 대신 쿠키와 보안 설정, 토큰 로테이션으로 XSS와 CSRF 위험을 줄이는 전략을 소개했습니다.
#쿠키#XSS
4400
Flutter Web을 활용해 제품 개발 환경 개선하기
ConsumerApp에 Flutter Web 개발 환경을 붙여 내부 화면 확인과 커뮤니케이션 효율을 높였습니다.\n패키지 업데이트, CORS 대응, 웹뷰·지도 분기 처리로 웹 실행 가능성을 확보했습니다.
#Flutter#Flutter Web
4400
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
프런트엔드 영역에서 FileReader를 이용해 MP4 파일 내 오디오 존재 여부 확인하기
LINE VOOM 웹에서 MP4 파일의 오디오 존재 여부를 FileReader와 Range 요청으로 판별했습니다.\n브라우저별 API 차이와 iOS 버전별 CORS 이슈를 확인해 단계적 요청 방식으로 해결했습니다.
#FileReader#MP4
2600
문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2
Next.js의 컴포넌트 내부 CSS 임포트와 브라우저 캐시 재사용이 CORS 오류를 일으킨 과정을 분석했습니다. 전역 CSS 임포트 또는 crossorigin 설정으로 문제를 해결했습니다.
#Next.js#CORS
000
문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2
문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2
Next.js에서 컴포넌트 내부 CSS 임포트와 브라우저 캐시가 겹치며 CORS 에러가 발생했습니다. 전역 임포트 또는 `crossOrigin` 설정으로 문제를 해결했습니다.
#Next.js#React
2500
문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 1
CORS 에러와 정주행 모드 초기화 문제를 CSS 로딩 방식 변경으로 해결했습니다.\nSSR·ES Module·Dynamic Import의 displayName 손실까지 추적해 근본 원인을 분석했습니다.
#Next.js#React
000
CORS가 캐시를 만났을 때
CDN과 브라우저 캐시가 출처별 CORS 응답을 잘못 재사용해 발생하는 오류를 설명했습니다. CloudFront 캐시 키와 S3 Cache-Control 설정으로 해결 방법을 제시했습니다.
#CORS#cache
000
웹브라우저의 이미지 캐싱 이슈 해결하기
이미지 표시 후 XHR 다운로드가 CORS 오류로 실패한 원인을 브라우저의 응답 헤더 캐싱에서 찾았습니다. 요청 URL을 분리해 캐시 재사용을 피하는 방식으로 해결했습니다.
#브라우저#cache
000