custom

A collection of 2 post

14 May

React Custom Hooks로 scroll animation 만들기 CountUp편

React Custom Hooks로 scroll animation 만들기 CountUp편 해당 글은 김주성님의 세미나를 듣고 작성한 글 입니다. 보통 금액이나, 사용자 수 등 숫자와 관련된 내용에 Animation을 추가한다 하면 Count Animation을 많이 사용합니다. React Custom Hooks을 사용하면 Scroll에 반응하는 CountUp Animation을 재사용 가능하게 만들 수 있습니다. useScrollCount 구현하기 스크롤 타이밍에 따라 숫자가 CountUp 되는 animation은 크게…

#react #hooks #scroll animation #counter #custom

09 May

React Custom Hooks로 scroll animation 만들기 FadeIn편

해당 글은 김주성님의 세미나를 듣고 작성한 글 입니다. React Custom Hooks로 scroll animation 만들기 FadeIn편 작년에 React Hooks이 정식 릴리즈 된 이후 많은 사람들이 Hooks을 사용하고 있습니다. Hooks를 사용하는 가장 큰 이유는 바로 컴포넌트로 부터 상태 관련 로직을 추상화 할 수 있고, 별도의 함수로 빼서 재사용이 가능하기 때문인데요. 상태관리 로직의 재사용 의 특징을 활용해 다양한 Custom Hooks를 만들어 사용 할 수 있습니다. 보통 웹에 Animation…

#react #hooks #scroll animation #fadein #custom