포도쿵야의 개발 모험기

  • 홈
  • github
  • 태그
  • 방명록

Frontend/Network 1

브라우저가 VOD 영상을 받아오는 방법 — CDN 구조, MP4 vs HLS, MSW 로컬 개발 환경까지

API를 호출했더니 응답은 수십 바이트인데 영상은 수백 MB가 들어오는 이유가 뭘까. 개발 환경과 운영 환경에서 영상 로딩 방식은 어떻게 다를까.VOD 기능을 개발하다 보면 이 구조를 정확히 이해해야 할 순간이 온다. 이 글에서는 그 구조를 처음부터 정리한다.📌 영상 서비스의 실제 구조실제 운영 환경에서 VOD를 서비스하는 방식은 단순하다. DB에 영상 파일 경로가 저장되어 있고, 백엔드 API가 그 경로를 조합해 CDN URL을 반환한다. 실제 영상 데이터는 브라우저가 CDN에서 직접 받아온다.단계 역할 전송량① Backend API콘텐츠 ID로 DB 조회 → CDN URL 반환. 영상 데이터와 무관JSON 수십 바이트② Playlist (.m3u8)HLS 방식일 경우 세그먼트 목록 텍스트 반환텍스트..

Frontend/Network 2026.04.02
이전
1
다음
더보기
프로필사진

포도쿵야의 개발 모험기

엽기발랄 포도쿵야와 함께하는 좌충우돌 개발 모험기

🐙 GitHub 바로가기
  • 분류 전체보기 (18)
    • Frontend (2)
      • Architecture (1)
      • Network (1)
    • Backend (2)
      • Python (2)
    • DevOps (6)
      • Process Management (1)
      • Server (2)
      • Security (2)
    • DevLog (1)
    • AI (6)
    • Analytics (1)

Tag

context, claude token, ai 코드리뷰, 집계수집, claude, FastAPI, Claude Cowork, claude plan, claude code, gunicorn, Fernet, Claude cli, claude code review, .yml, Compound Engineering, 토큰 줄이기, github star, Python, claude md, uvicorn,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/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 © AXZ Corp. All rights reserved.

  • github

티스토리툴바