로딩
요청 처리 중입니다...

[React] 페이지 이동시 스크롤 최상단에 위치하기

 [React] 페이지 이동시 스크롤 최상단에 위치하기

페이지 이동시 임의의 페이지 화면이 보여서 눌렀을 때 최상단에 위치하게 하기 위해서 찾아보다가 이글을 정리하게 되었다. useLocation() 처음에 useLocation()을 알아야 하는데 이는 npm install react-router-dom react-router-dom 모듈을 설치하여 임포트해준다. import { useLocation } from 'react-router-dom'; const location = useLocation(); useEffect(() => { console.log(location); }, [ location ]) 그리고 나서 location 변수에 담아 이를 location이 랜더링될 때마다 콘솔에 찍어 보이게 한다. 그리고 콘솔에 보면, hash, pathname, search 등이 보이는데 pathname을 사용해 줄 것이다.

콘솔 로그에 보이는 것 pathname : URL에 도메인다음의 / 부터의 문자열 search : pathname다...

# onclick # pathname # search # top # useEffect # useLocation # 맨위로이동 # 부터의 # 페이지이동