API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편

간단 소개

카카오페이 FE 개발자가 라이브러리 없이 수학, 물리를 이용해 웹 애니메이션을 구현한 경험과 그 이유, 핵심 기법을 소개합니다.

AI Summary

웹 애니메이션 개발 배경
- 카카오페이 채널FE파트에서 인터랙티브 웹 애니메이션 개발 경험 공유
- 라이브러리 없이 수학과 물리를 이용한 애니메이션 구현 강조
- 문제 해결 능력 향상 및 창의적 개발 가능
애니메이션 구현 기법
- 눈 내리는 효과: 진폭과 주기를 이용한 파동 운동 적용
- 트리 곡선 그리기: 선형 보간법을 이용한 3차원 베지어 곡선 구현, 곡선 위의 전구 배치
- 전구 흔들기: 뉴턴의 운동 법칙과 극좌표계를 이용한 전구 움직임 구현
라이브러리 없이 개발하는 이유
- 애니메이션 구현 원리 이해 및 사고력 향상
- 수로화 방지 및 창의적인 개발 가능
- 라이브러리 이해도 향상 및 활용 능력 증대