scrollIntoView 를 이용하여 스크롤 하기

🎁scrollIntoView

export default function ListDetailUI(props) {

  useEffect(() => {
  document.getElementById('freeboard').scrollIntoView({ behavior: 'smooth' });
},[]);

  return (
    <Wrapper>
      <TopWrapper>
        <Title
          id="freeboard"
        >
          자유게시판
        </Title>
      </TopWrapper>
      ...
     </Wrapper>
  );
}

useEffect, scrollIntoView, getElementById 를 이용하여 Title 컴포넌트에 'freeboard'라는 id값을 줘서 해당 페이지에 들어오면 Title 컴포넌트를 제일 상단에 보여주게 한다.