[React] 화면 특정 위치로 포커싱하기

main 페이지에서 페이지 하단에 있는 게시글을 클릭하여 게시글 상세 페이지로 이동했을 때 게시글 상세 페이지의 하단 부분이 먼저 보여지는 현상이 발생했다. 

 

이를 해결하기 위해서는

window.scrollTo 함수를 사용하면 된다.

 

  useEffect(() => {
        window.scrollTo({top: 0, left: 0, behavior: 'auto'})
    }, [])

위와 같이 게시글 상세 페이지의 컴포넌트가 랜더링 됐을 때 window.scrollTo 함수를 사용하여 페이지의 맨 윗부분에 포커싱이 맞춰지도록 하여 해결할 수 있었다.