K-드라마 OTT 방영 캘린더English

K-드라마 OTT 방영 통합 캘린더 완전 가이드 (2026)

업데이트 2026-06-13 · 서버 없는 순수 프론트엔드 도구. 모든 데이터는 사용자 브라우저에만 저장됩니다.

작성 김지광 (운영자)감수 bal.pe.kr 마이크로 SaaS 엔지니어링팀 검토마지막 업데이트 bal.pe.kr

1. 도구 개요

K-드라마 OTT 방영 통합 캘린더(ottcal)는 넷플릭스, 티빙, 웨이브, 디즈니+, 쿠팡플레이 5개 OTT 플랫폼에서 방영 중이거나 예정인 K-드라마를 한 화면에서 관리할 수 있는 도구입니다. 별도의 회원가입이나 서버 연동 없이 브라우저의 localStorage에만 데이터를 저장하므로 개인정보 유출 걱정이 없습니다.

주요 기능으로는 ① 드라마 추가·삭제, ② OTT 플랫폼별 필터링, ③ 방영 요일·시간 기반 D-day 자동 계산, ④ ICS 캘린더 파일 다운로드, ⑤ URL 공유 토큰 생성이 있습니다. 모든 기능은 클라이언트 사이드에서만 동작하며 외부 서버 요청이 없습니다.

2. 드라마 추가 방법

화면 상단의 "+ 드라마 추가" 버튼을 클릭하면 입력 폼이 펼쳐집니다. 다음 항목을 입력하세요.

  • 드라마 제목 (필수) — 작품명을 입력합니다. 한국어 제목을 권장합니다.
  • OTT 플랫폼 (필수) — 넷플릭스, 티빙, 웨이브, 디즈니+, 쿠팡플레이 중 선택합니다.
  • 방영 시간 (필수) — KST 기준 방영 시작 시각을 입력합니다. 예: 21:00.
  • 방영 요일 (필수) — 방영되는 요일을 하나 이상 선택합니다. 예: 금·토 동시 방영이면 금, 토 모두 선택.
  • 시작일 (필수) — 첫 방영일을 YYYY-MM-DD 형식으로 입력합니다.
  • 종영일 (선택) — 마지막 방영일. 입력하면 종영 후 D-day가 "종영"으로 표시됩니다.
  • 총 에피소드 수 (선택) — 전체 회차 수. 진행률 바 표시에 사용됩니다.
  • 현재 회차 (선택) — 현재까지 방영된 회차. 진행률 바에 표시됩니다.
  • 설명 (선택) — 간단한 메모를 남길 수 있습니다.

처음 드라마를 추가하면 샘플 데이터가 사라지고 내 목록이 생성됩니다. 이후 추가하는 드라마는 기존 목록에 누적됩니다.

3. OTT 플랫폼 필터

화면 상단의 플랫폼 버튼 탭을 클릭하면 해당 플랫폼의 드라마만 표시됩니다.

  • 전체 — 모든 플랫폼 드라마 표시
  • 넷플릭스 — 넷플릭스 오리지널·독점 드라마만 표시
  • 티빙 — 티빙 오리지널·독점 드라마만 표시
  • 웨이브 — 웨이브 오리지널·독점 드라마만 표시
  • 디즈니+ — 디즈니+ 오리지널·독점 드라마만 표시
  • 쿠팡플레이 — 쿠팡플레이 오리지널·독점 드라마만 표시

하나의 드라마가 여러 플랫폼에 동시 방영되는 경우, 플랫폼당 별도로 드라마를 추가하면 각 필터에서 확인할 수 있습니다.

4. 뷰 전환: 리스트 vs 요일별

리스트 뷰

기본 뷰입니다. D-day 오름차순으로 드라마가 정렬되어 표시됩니다. 곧 방영될 드라마가 최상단에 위치합니다. 각 카드에는 제목, 플랫폼 배지, 방영 요일·시간, 회차 정보, D-day 배지, 진행률 바가 표시됩니다.

요일별 뷰

요일(일~토) 기준으로 그리드를 나누어 방영 드라마를 시각적으로 확인할 수 있습니다. 오늘 요일은 보라색으로 강조 표시됩니다. 각 요일 칸 내에서는 방영 시간순으로 정렬됩니다.

5. D-day 계산 원리

D-day는 현재 시각 기준으로 다음 방영일까지 남은 날 수입니다. 계산 방식은 다음과 같습니다.

  • D-Day — 오늘이 방영일이고 아직 방영 전인 경우
  • D-N — N일 후에 방영이 예정된 경우
  • 종영 — 종영일이 지났거나 방영 요일이 없는 경우

오늘이 방영일인 경우, 입력된 방영 시간을 기준으로 방영 전이면 D-Day, 방영 후이면 다음 방영일을 계산합니다. 방영 요일이 금·토처럼 복수인 경우, 오늘로부터 가장 가까운 방영 요일을 찾아 D-day를 계산합니다.

6. ICS 캘린더 다운로드

ICS(iCalendar) 파일은 Google 캘린더, Apple 캘린더, Outlook 등 주요 캘린더 앱에서 가져오기(Import)할 수 있는 표준 파일 형식입니다. 다운로드된 ICS 파일에는 오늘부터 향후 4주 방영 일정이 포함됩니다.

전체 다운로드

화면 상단 "📅 ICS 다운로드" 버튼을 클릭하면 현재 필터링된 모든 드라마의 4주 일정이 하나의 ottcal.ics 파일로 다운로드됩니다.

개별 다운로드

각 드라마 카드의 "📅 ICS" 버튼을 클릭하면 해당 드라마의 4주 일정만 별도로 다운로드됩니다. 파일명은 드라마 제목으로 자동 설정됩니다.

Google 캘린더에 추가하기

  1. ICS 파일을 다운로드합니다.
  2. Google 캘린더 접속 → 설정(톱니바퀴) → 가져오기.
  3. 다운로드한 .ics 파일을 선택하고 "가져오기" 버튼 클릭.
  4. 선택한 캘린더에 이벤트가 추가됩니다.

Apple 캘린더에 추가하기

  1. ICS 파일을 다운로드합니다.
  2. 다운로드된 .ics 파일을 더블클릭합니다.
  3. 추가할 캘린더를 선택하고 "OK" 버튼 클릭.

7. URL 공유

"🔗 URL 공유" 버튼을 클릭하면 현재 목록 전체가 URL 파라미터에 인코딩된 공유 링크가 클립보드에 복사됩니다. 이 링크를 친구나 가족에게 공유하면 동일한 드라마 목록으로 도구를 열 수 있습니다.

URL 토큰은 Base64 인코딩된 JSON 데이터입니다. 별도의 서버 저장이 없으며, 링크를 공유받은 사람이 링크를 열면 해당 데이터가 브라우저에 로컬 저장됩니다.

8. 데이터 저장 및 초기화

모든 드라마 데이터는 브라우저의 localStorage에 저장됩니다. 서버로 전송되지 않으므로 개인정보 유출 우려가 없습니다. 단, 브라우저 데이터를 지우거나 다른 브라우저/기기에서 접속하면 데이터가 유지되지 않습니다. 다른 기기에서 동일한 목록을 사용하려면 URL 공유 기능을 활용하세요.

"초기화" 버튼을 클릭하면 저장된 모든 드라마 데이터가 삭제되고 샘플 데이터로 돌아갑니다.

9. OTT 플랫폼 비교

국내 주요 OTT 플랫폼의 특징을 간략히 정리합니다.

  • 넷플릭스 — 글로벌 OTT 1위. K-드라마 오리지널 제작에 대규모 투자. 전 세계 동시 공개가 많아 국제적 인기 드라마 다수. 일반적으로 금·토 방영.
  • 티빙 — CJ ENM 계열. tvN, OCN 드라마의 독점 스트리밍 권한 보유. 월·화 또는 수·목 방영이 많음. 연예·예능 콘텐츠도 강세.
  • 웨이브 — KBS, MBC, SBS 지상파 3사 합작 플랫폼. 지상파 드라마 실시간 시청 및 다시보기 가능. 수·목 또는 월·화 방영이 많음.
  • 디즈니+ — 디즈니·마블·스타워즈 콘텐츠 외 한국 오리지널 드라마 제작. 스타(Star) 브랜드로 성인 콘텐츠 포함.
  • 쿠팡플레이 — 쿠팡 계열 OTT. 스포츠 중계(손흥민 EPL 등) 강세. K-드라마 오리지널 제작 확대 중.

10. 자주 묻는 질문 빠른 답변

  • Q: 방영 일정이 변경되면 어떻게 되나요? — 도구는 사용자가 입력한 데이터 기반으로만 동작합니다. OTT 플랫폼에서 일정이 변경되면 직접 드라마를 삭제하고 다시 추가하거나 현재 회차를 업데이트하세요.
  • Q: ICS를 구독(자동 갱신) 방식으로 사용할 수 있나요? — 서버가 없는 도구이므로 캘린더 구독(URL 기반 자동 갱신)은 지원하지 않습니다. ICS 파일을 직접 다운로드해 가져오기 방식으로 사용하세요.
  • Q: 여러 기기에서 동기화할 수 있나요? — URL 공유 기능을 활용하면 다른 기기에서 동일한 목록을 불러올 수 있습니다.

11. 개인정보 및 보안

이 도구는 철저히 클라이언트 사이드에서만 동작합니다. 사용자가 입력한 드라마 정보는 외부 서버로 전송되지 않고 브라우저의 localStorage에만 저장됩니다. URL 공유 기능 사용 시 URL에 데이터가 포함되므로, 민감한 메모 내용은 공유 URL에 노출될 수 있다는 점에 유의하세요.

Google Analytics 4(G-PDW82YCFFW)로 익명 사용 통계를 수집합니다. 드라마 제목이나 플랫폼 등 개인 데이터는 분석 도구로 전송되지 않습니다. 광고는 Google AdSense 자동 광고로 제공됩니다.

12. 기술 스택

React 19, TypeScript, Vite, Tailwind CSS, react-router-dom, react-i18next, vitest로 개발되었습니다. 서버 없는 정적 사이트로 AWS S3 + CloudFront에 배포됩니다. 소스 코드는bal.pe.kr 마이크로 SaaS 포트폴리오의 일부입니다.