모든 블로그
watcha

watcha

도메인medium.com
주요 카테고리 프론트엔드 · AI

활동 요약

대표 인기 포스트왜 왓챠 웹은 Remix로 마이그레이션했을까?339 조회
최근 30일
2개
평균 조회
55
누적 조회
1,312
전체 글
24개
마지막 발행
2026. 11. 9.
블로그 방문

watcha 기술 블로그 글 (24)

AI

왓챠가 사용자의 취향에 다가가는 방법 (feat. CIKM)

협업 필터링의 인기 편향이 코사인 기반 학습에서도 남는 경로를 분석했습니다. L2 Projection과 Degree Prior로 롱테일 추천 성능과 커버리지를 개선했습니다.

#협업 필터링#인기 편향#sampled softmax
3000

데브옵스

감으로 맞추던 값을 식을 세워서 kubernetes 최적화하기

Kubernetes 인코딩 작업의 비용·시간 변수를 수식화해 Pod 확장 임계값을 최적화했습니다. 확률 기반 마감 기준을 적용해 비용 45~74% 절감과 완료 시간 단축을 확인했습니다.

#Kubernetes#Pod#오토스케일링
3100

AI

왓챠 직원 누구나 AI 앱을 만들 수 있게 된 이유

왓챠는 ADP를 구축해 비개발 직군도 AI 앱을 직접 만들고 배포할 수 있는 환경을 마련했습니다. 데이터 접근, 보안, 배포 속도 문제를 해결해 사내 생산성을 높였습니다.

#LLM#MCP#cloud
4700

기타

맥락이 형태를 결정할 때

앱 스토어 스크린샷은 시각보다 브랜드 맥락을 먼저 정리해야 한다고 설명했습니다. 왓챠와 왓챠피디아를 서로 다른 사용자 흐름에 맞춰 설계하고, 오래 유효한 구성으로 운영까지 고려했습니다.

#UI/UX#브랜딩#디자인
600

프론트엔드

왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나

왓챠 웹에 Document PiP를 적용한 과정과 원리를 설명했습니다. React 상태 유지, 재생 정체 복구, 종료 제어 같은 실서비스 이슈를 함께 다뤘습니다.

#React#CSS#browser
7100

프론트엔드

“왓챠 PiP 안 됨?” — 됩니다, 이제부터.

왓챠 웹에서 PiP 기능을 지원하게 된 소식을 소개했습니다. 기존 미니플레이어 한계와 브라우저별 PiP 차이도 함께 안내했습니다.

#web#browser#UI/UX
8000

기타

다를 수도 있지: 왓챠 영화 주간

왓챠의 브랜드 태도를 오프라인 영화 주간 행사로 번역한 사례를 소개했습니다. 관객이 스스로 취향을 발견하고 참여하도록 공간과 동선을 설계한 점이 핵심입니다.

#브랜딩#오프라인#커뮤니티
4600

기타

왓챠피디아, 취향을 기록하는 아카이브

왓챠와 왓챠피디아의 관계를 브랜드 관점에서 정리한 글입니다. 기록을 통해 취향을 발견하는 아카이브로서 왓챠피디아의 구조를 설명했습니다.

#브랜드#UI/UX#추천
6300

데브옵스

클라우드 비용 최적화를 위한 Automatic Labeling System 구축기

클라우드 비용 최적화를 위해 자동 라벨링 시스템을 구축한 사례를 다뤘습니다. 수동 태깅의 한계를 자동화와 운영 지표로 개선했습니다.

#AWS#FinOps#cloud
4300

기타

왓챠파티@무비랜드: 발견의 기쁨

왓챠파티@무비랜드 1년 회고를 통해 오프라인에서 유저와 브랜드를 연결한 실험을 정리했습니다. 영화 추천과 선물하기, 가챠 이벤트로 취향 공유와 발견의 기쁨을 확장했습니다.

#브랜딩#마케팅#UI/UX
5600

기타

왓챠파티@무비랜드: 팀 크리에이티브

왓챠파티@무비랜드의 〈퀸 크랩〉과 〈후 아 유〉 테마를 통해 오프라인 상영회 기획과 공간 연출 과정을 회고했습니다. 취향을 중심으로 관객과 작품을 연결하는 장치가 몰입도를 높였다고 정리했습니다.

#마케팅#브랜딩#event
2800

기타

왓챠파티@무비랜드: 콘텐츠에 진심

왓챠가 무비랜드와 함께 진행한 오프라인 왓챠파티@무비랜드의 1년 회고를 소개했습니다. 〈오피스〉와 〈러브레터〉를 중심으로 팬 경험을 극대화한 기획과 현장 연출 비하인드를 다뤘습니다.

#content#영화#event
5600

프론트엔드

왜 왓챠 웹은 Remix로 마이그레이션했을까?

왓챠 웹이 기존 react + express 구조에서 Remix로 마이그레이션한 이유와 과정을 정리했습니다. 점진적 전환, 라우팅 분기, 컴포넌트 분리와 같은 운영 전략도 함께 공유했습니다.

#Remix#React#SSR
33900

데브옵스

멀티 클라우드 환경에서의 데이터 마이그레이션 시스템 구축

WATCHA는 멀티 클라우드 데이터 마이그레이션을 Argo Workflows로 통합해 운영 복잡성을 줄였습니다. 또한 DynamoDB Incremental Export와 권한 페더레이션으로 비용과 보안을 함께 개선했습니다.

#Kubernetes#ArgoCD#DynamoDB
3400

AI

왓챠 추천 서비스 MLOps 적용기 Part2

왓챠는 추천 서비스의 Monolithic 추론 구조를 분리된 TorchServe 기반 서버로 개선했습니다. CPU 최적화와 모델 경량화, Datadog 모니터링으로 성능과 안정성을 함께 높였습니다.

#MLOps#TorchServe#PyTorch
1600

AI

왓챠 추천 서비스 MLOps 적용기 Part1

왓챠 추천 서비스에 MLOps를 적용한 배경과 기존 EC2 기반 파이프라인의 문제를 정리했습니다. 도커·쿠버네티스, 온프레미스 GPU, S2S VPN으로 학습 환경과 운영 안정성을 개선했습니다.

#MLOps#Kubernetes#AWS
3800

데브옵스

Kubernetes-native 로그 플랫폼

Kubernetes 환경에 맞춰 로그 플랫폼을 다시 설계해 서비스 통합 비용을 줄였습니다. 로그 성격별 파이프라인 분리와 다양한 저장 형식 지원으로 확장성과 운영 효율도 높였습니다.

#Kubernetes#MSA#BigQuery
3900

프론트엔드

TV APP 디자인할 때 고려해야하는 요소들

스마트TV 앱은 리모컨 조작과 포커스 상태를 전제로 모바일과 다른 기준으로 설계해야 합니다. 색상, 글자 크기, 성능 제약까지 고려해 TV 환경에서 직접 검증하는 과정이 중요합니다.

#UI/UX#모바일#web
14900