[react] 디바운스를 이용해 스낵바 구현하기 (Next.js + Typescript)

1. 구현할 목표 쿠팡이츠의 스낵바는 스크롤을 내리면 사라지고, 스크롤을 중단하면 다시 나타난다. 이와 똑같이 동작하는 스낵바를 만들어볼 것이다. 스크롤이 바뀌는 순간 스낵바가 사라지고, 스크롤이 500ms간 멈춤이 지속되면 스낵바를 띄우는 형태로 디바운스를 사용해야 한다. 2. 스낵바 컴포넌트 생성 & 스타일링 디자인은 자유롭게 해주면 된다. 스타일링의 결과! 3. 나타나고, 사라지는 애니...

Reacttypescript스크롤디바운스next.js팝업토스트스낵바setTimeoutReact