Zoom 프리미엄 결제 대신 직접 웨비나 시스템 구축하기
Built webinar system instead of paying premium to Zoom
핵심 요약
Zoom의 비싼 웨비나 추가 요금에 질려 Next.js와 Zoom SDK로 직접 웨비나 플랫폼을 만든 이야기.
- 비용 절감 — Zoom의 비싼 웨비나 애드온 대신 직접 시스템을 구축해 비용을 아낌.
- 기술 스택 — Next.js와 Zoom Meeting SDK를 활용해 웨비나 기능을 구현함.
- 기능 구현 — 실시간 채팅과 강제 음소거 기능을 포함한 웨비나 환경을 직접 만듦.
- 개발 경험 — AI의 도움을 받아 짧은 시간 안에 원하는 기능을 완성하는 '바이브코딩'을 실천함.
바이브코딩으로 웨비나 호스팅 비용을 아낀 이야기를 공유하려고 합니다.
오늘 아침 일찍... 다가오는 이벤트를 준비하고 있었죠.
Zoom 계정에 로그인해서 웨비나 애드온 가격을 클릭했는데, 그냥 화면만 멍하니 쳐다봤습니다.
솔직히? 기분이 완전히 잡치더군요. 그냥 탭을 닫아버렸습니다.
이미 표준 Pro 플랜을 결제하고 있는데 말이죠.
사람들 마이크 못 켜게 막는 권한 하나 얻으려고 왜 이렇게 큰 추가 비용을 내야 하는 거죠?
신용카드를 꺼내는 대신, 에디터를 열고 플레이리스트를 튼 다음 바이브코딩으로 문제를 해결하기 시작했습니다.
Next.js를 잡고 모닝커피를 마시면서 임시 웨비나 플랫폼을 만들기로 했죠.
아키텍처를 너무 깊게 고민하고 싶지 않았고, 그냥 AI가 작동할 때까지 조각들을 맞춰주길 바랐습니다.
제가 실제로 구현한 설정은 다음과 같습니다:
- 표준 Zoom Pro 플랜 (추가 애드온 없음).
- Next.js 앱에 바로 Zoom Meeting SDK를 넣었습니다.
- 비디오 캔버스를 제 UI에 직접 임베드했습니다.
- 그 옆에 직접 만든 실시간 채팅창을 붙였습니다.
- 참가자 입장 시 강제 음소거를 적용했습니다.
마치 한탕 하는 기분이었습니다. 기본 회의 기능과 약간의 프론트엔드 땜질로 비싼 웨비나 티어를 거의 그대로 재현했거든요. 청중은 음소거를 해제하거나 카메라를 켤 수 없지만, 네이티브하게 스트림을 시청하고 제가 만든 채팅창에서 대화할 수 있습니다.
Next.js 최고.
몰입 상태에 들어가서 기본적인 기능에 엔터프라이즈 가격을 지불하기를 완강히 거부하면 얼마나 대단한 걸 만들 수 있는지 정말 놀랍습니다.
CJ
