FLIP과 WAAPI를 이용한 React 애니메이션
들어가기 앞서 Visual Feedback을 통해 유저에게 더 나은 경험을 제공할 수 있다는 것을 짚고 넘어가려 합니다. 동적임에도 정적으로 느껴지는 UI는(DOM Element가 '띡'하고 나타났다 사라지는 등) 유저에게 미세한 인지부하를 일으킬 수 있습니다. 컨텍스트가 '전환'되는 상황을 유저 스스로의 힘으로 파악해야 합니다. 개발자가 조금 더 신경쓴다면 이는 큰 UX 개선으로 이어질 수 있습니다.
https://goohooh.github.io/animation/flip_animation_with_react/?fbclid=IwAR3Da7IdU7wqJvFjnP7Yg4Qzr6letsIIpCFrPzR2K-ue3M3YsFUp9kiOhq8