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

  • 홈
  • 태그

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
다음
더보기
프로필사진

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

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

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바