230126 WIL

hana jeong·2023년 1월 26일
0

스파르타 부트캠프

목록 보기
61/68

이번 주 배운 점

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보다 크면 버튼을 보이게 만들었다

느낀 점

저번 주 금요일부터 프로젝트 시작이었는데 설이 껴있어서 뭔가 풀어진 거 같다
다시 내 초심 되돌려...!
이번 프로젝트도 프로젝트인데 아직 내 실력이 너무 부족하여 최종 프로젝트가 겁난다
그래서 다시 빡공할 예정이다
나도 실력 좋아질 거다...!

최종 프젝 전까지 할 일

지금까지 배운 거 투두에 디벨롭하면서 다시 만들어보기(복습)
리액트 강의 다시 열심히 들으면서 복습

profile
https://developer-hh.tistory.com 로 옮깁니다

0개의 댓글