• 자연스러운 인터렉션으로 좋은 유저 경험을 주기 위한 평소에 사용하는 것 이상의 애니메이션 및 그래픽 공부
• 공부용이므로 이미 기능이 모두 구현된 css third-party 라이브러리는 사용하지 않습니다.

• vercel로 빌드되었습니다.
• 라이브 환경에서의 확인은 storybook에서 확인할 수 있습니다.
• 데스크탑에서 확인해 주세요.

스토리북에서 모두 확인할 수 있습니다.

styled-components, threejs, fontawesome 등의 라이브러리를 제외하고 모두 직접 구현하는데 목적이 있습니다.

html5의 canvas api를 이용하여 복잡한 애니메이션 구현을 위한 연습을 합니다.

d3, canvas, webGL 등의 내용이 더 추가될 예정입니다.

npm i && npm run storybook

또는

yarn install && yarn storybook