프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

type script 1

React TS 모든 페이지 이동 시 Scroll To Top

ScrollToTop.tsx 생성 import { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; const ScrollToTop = () => { const { pathname } = useLocation(); useEffect(() => { window.scrollTo(0, 0); }, [pathname]); return null; }; export default ScrollToTop; 이후 main.tsx 즉 최상위 component에서 페이지 component들을 감싸게 삽입하면 완료 import ScrollToTop from './shared/ScrollToTop'; ReactDOM.createRoot(docum..

지식 정리 📝 2023.10.31
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

250x250
  • 카테고리 📂 (396)
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (92)
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

엄성준, String(), forEach(), 프론트엔드, autowini, 제로베이스, 제로베이스 프론트엔드 스쿨, next.js, sort(), 프론트엔드 개발자, 프론트엔드 스쿨, 프론트엔드 개발자 엄성준, join(), 오토위니, Number(), WiniLogis, exceljs, 프로그래머스, react, split(),

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바