const [isTopButtonShow, setIsTopButtonShow] = useState<boolean>(false);
const ScrollTop = () => {
window.scroll({ top: 0, behavior: "smooth" });
};
useEffect(() => {
const handleTopButtonShow = () => {
if (window.scrollY > 30) {
setIsTopButtonShow(true);
} else {
setIsTopButtonShow(false);
}
};
window.addEventListener("scroll", handleTopButtonShow);
return () => {
window.removeEventListener("scroll", handleTopButtonShow);
};
}, []);
window.scroll mdn 사이트를 참고하여 top:0으로 올려주는 버튼을 만들었다
state도 만들어서 y값이 30보다 크면 버튼을 보이게 만들었다
저번 주 금요일부터 프로젝트 시작이었는데 설이 껴있어서 뭔가 풀어진 거 같다
다시 내 초심 되돌려...!
이번 프로젝트도 프로젝트인데 아직 내 실력이 너무 부족하여 최종 프로젝트가 겁난다
그래서 다시 빡공할 예정이다
나도 실력 좋아질 거다...!
지금까지 배운 거 투두에 디벨롭하면서 다시 만들어보기(복습)
리액트 강의 다시 열심히 들으면서 복습