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

  • 홈
  • 태그

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

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

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

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

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바