<aside> 👉 왓챠벨 보기

</aside>

소개

왓챠벨이란?

왓챠벨은 왓챠의 마케팅 이벤트로 영화 관련 스피드 퀴즈를 할 수 있는 서비스 입니다.

맡은 포지션

• 왓챠벨 인트로 애니메이션 구현
  • 순수 CSS anmiatoin으로 세부 움직임 제어
• 타임어택바 제작 및 최적화
  • useImperativeHandle 를 이용하여 리렌더링 최적화
• 디자인 디테일 체크 및 수정

기술 스택

• next js

• graphQL

• typescript

• jest

인트로 애니메이션 제작기

시작 배경

원래 이미지로 존재했던 인트로 부분이 애니메이션처럼 움직였으면 좋겠다는 생각이 들어 제안을 드렸고 받아들여져 애니메이션 작업에 들어갔다.

작업