💡
Haenu.com
  • 👋안녕하세요, 조현우입니다
  • 😍About me
    • ⚫이력서
    • 🟤개발 연혁
    • 🔵포트폴리오 (경력기술)
      • 크리에이터 관리 내부 툴 개발
      • TWIP 핀볼게임
      • TWIP 빙빙도네
      • TWIP CLIP
      • TWIP VOD & CLIP
      • TWIP/TGD APP
      • EJN 사내 프로덕트 개발
      • i.M 택시 예약서비스 웹뷰 개발
      • i.M 택시 백오피스 개발
      • HR Platform
      • Easy LMS
      • JDC 일자리데이터센터
      • 직업카드심리검사
      • (사)한국직업상담협회 공동훈련센터
    • 🟣외부 발표/강연
      • INFCON 2024
      • UbuCon Korea 2024
    • 🟢사이드 프로젝트 (엄선된)
      • ARCHIVERS (2023.10)
      • KAMY (2023.09)
      • 레븐 Portal (2023.08)
      • dotenv-to-sealed-secrets (2023.06)
      • gongik-ars (2023.04)
      • ⭐Clippy - MAU 4만 달성! (2022.11)
      • 해리배치고사 (2022.07)
      • 전해리 방송일정 (2022.06)
      • 나와 가장 잘 맞는 레븐 멤버는? (2022.06)
      • gellgell (2022.05)
      • 레븐 멀티트위치 (2022.04)
      • 포도당 노래책 (2022.02)
      • 트리니티 헬퍼 (2020.08)
      • 해누플래너 (2018.08)
      • 야자타임 (2016.07)
    • 🟠사이드 프로젝트 (그 외)
      • VMusic (2023.07)
      • 트위치 개발자문서 한글화 프로젝트 (2023.04)
      • 트위치/아프리카TV 뱅온알림봇 (2022.04)
      • 머니머니 (2022.04)
      • AfreecaTV Auto Up (2020.11)
      • 개인 쿠버네티스 클러스터
    • Life Checkpoint
      • 처음 개발을 접하다 (2013)
      • e-ICON 세계대회에서 앱 개발로 3위 수상 (2014)
      • 산수 연습 앱 개발 (2015)
      • 2016 - PHP와의 첫 만남
      • 2017 ~ 2018 - 개발의 즐거움으로 버틴 대입 수험생활
      • 2018 ~ 2019 - C++과 함께하는 알고리즘 문제해결
      • 2019.03 - 학식봇 프로젝트
      • 2019.09 - 첫 직장, 새로운 도전
      • 2020 - PHP와 함께 한 단계 업그레이드
      • 2021 - 계속해서 업그레이드, 그리고 첫 이직
      • 2022 - 산업기능요원 시작! 사이드 프로젝트에 눈을 뜬 한 해
      • 2023
    • 회고 모음
  • 🔗Links
    • GitHub
    • LinkedIn
    • Tech Blog
    • X (Twitter)
    • Coffee Chat
    • Document Storage
Powered by GitBook
On this page
  • 개요
  • 주요 기술 스택
  • Frontend
  • Backend
  • 상세 개발 과정
  • 배경
  • 베타 서비스 오픈 - PoC 진행
  • Cloudflare Stream 서비스에서의 이슈 지속적 발생
  • 성과

Was this helpful?

Edit on GitHub
  1. About me
  2. 포트폴리오 (경력기술)

TWIP VOD & CLIP

트위치 다시보기와 클립 생성이 가능한 영상 기반 커뮤니티

PreviousTWIP CLIPNextTWIP/TGD APP

Last updated 1 year ago

Was this helpful?

개요

트위치 라이브 스트리밍 다시보기를 녹화해주는 서비스 'TWIP VOD & CLIP'

  • 기간 : 2023년 1월 ~ 2023년 2월

  • 회사 : 이제이엔

  • 담당 범위 : 프론트엔드 일부, 백엔드 전체

주요 기술 스택

Frontend

  • Next.js

  • Mantine UI

  • Tailwind CSS

  • Recoil

Backend

  • NestJS

  • Sequelize

  • MariaDB, Redis

  • Cloudflare Stream

  • ffmpeg

상세 개발 과정

배경

기존에 팀 단위 사이드 프로젝트로 Clippy - MAU 4만 달성! (2022.11) 프로젝트를 운영 중이었습니다. 서비스가 커지면서 비용부담이 커지기 시작했고, 이에 회사로 프로덕트를 들여오는 논의를 시작했습니다. Clippy 서비스는 클립 위주의 서비스였지만, 서비스 통합 논의가 진행된 사업부에서는 다시보기 위주의 서비스를 희망했습니다. 이에 기존에 Clippy에서 사용하던 Cloudflare Stream을 활용하여 다시보기 프로덕트로 피봇하는 쪽으로 결정을 내렸습니다.

다만 프로덕트를 회사 내부로 가져오는 과정 속에서 몇몇 이슈들이 발생하였고 (자세한 내용은 Clippy 문서에서), Clippy 서비스 종료와 TWIP VOD & CLIP 서비스 출시를 동시에 진행하는 방향으로 계획이 잡혔습니다.

베타 서비스 오픈 - PoC 진행

기본적으로 회사에서 진행하는 주요 로드맵 프로젝트에 포함되지 않았기 때문에 업무 외 시간을 주로 이용해서 작업을 진행했습니다. 회사 내 프론트엔드 개발자 한 분이 도와주셔서, 그 분 주도로 프론트 구조개선과 트윕 서비스로의 전환 과정이 이뤄졌습니다. 다만 백엔드와 Cloudflare쪽 컨택 등 다른 작업들은 모두 제가 맡아서 진행했습니다.

약 한달여간의 추가개발 및 오픈준비와 함께 2월 중순경 TWIP VOD & CLIP 서비스를 베타로 오픈했습니다.

Cloudflare Stream 서비스에서의 이슈 지속적 발생

TWIP VOD & CLIP 서비스는 Cloudflare Stream이라는 스트리밍 서비스를 적극적으로 활용 중이었습니다. Cloudflare가 제공하는 RTMP 서버와 secret key를 스트리머에게 제공하고, 스트리머는 Cloudflare 서버쪽으로 방송을 진행합니다. 그러면 Cloudflare가 트위치로 재송출하고, 이 과정에서 중간에 남은 다시보기 영상을 취하는 방식입니다.

그런데 Cloudflare Stream 서비스가 예상보다 안정적으로 동작하지 않았고, 생방송 송출이 끊기거나 다운로드가 잘 안되는 등 문제가 많았습니다. 이런 이유로 다운로드가 안되는 영상의 보관기간을 늘리는 등 필요한 조치를 취하다보니 예상보다 비용이 많이 발생하였습니다.

종합적인 검토 결과 비용, CS 인입건수, 개발인력 등 문제로 다시보기 서비스는 점진적으로 축소&종료하고, 기존 Clippy처럼 클립 위주의 서비스로 다시 방향을 틀게 됩니다. 이후 TWIP CLIP 서비스로 리뉴얼되었습니다.

성과

  • TWIP 유료 구독서비스 'TWIP Pro' 서비스 단기 무료체험유저가 출시 이전 대비 300% 이상 증가

  • TWIP 유료 구독서비스 'TWIP Pro' 서비스 정기 구독자수가 출시 이전 대비 23% 증가

  • 정기구독으로의 전환율은 다소 낮으나, TWIP Pro에서 제공하는 다른 기능들도 체험하며 서비스 종료 이후에도 출시 이전 대비 높은 가입자수 유지 중

😍
🔵
LogoTWIP VOD & CLIP BETA 출시 안내TWIP
TWIP VOD & CLIP 베타 출시 공지
다시보기 시청 페이지 캡쳐