[React] 페이지 이동 시 스크롤 화면 최상단 이동하기
페이지 1 페이지 1에서 버튼(userNavigate())을 눌러 페이지 2로 이동 React와 react-router-dom으로 페이지를 구현하는 경우 나 useNavigate()를 통해 페이지를 이동하면 가장 최상단으로 이동하지 않고 현재 보고 있는 스크롤 위치로 이동하는 경우가 종종 발생합니다. 이런 문제를 해결하기 위한 가장 손쉬운 방법은 페이지(컴포넌트)마다 window.scrollTo(0, 0);를 작성하기가 있습니다. 하지만 매 페이지 컴포넌트에 이를 작성하기는 번거롭기 때문에 별도의 컴포넌트를 만들어서 사용하는 방법을 react-router-dom 공식 홈페이지에서 권장하고 있습니다. // ScrollToTop.jsx import { useEffect } from 'react'; impor..