동일한 페이지의 섹션으로 스크롤

const moveContent = (e:any)=> {
    // 1. 클릭 이벤트 막기
    e.preventDefault();
    // 2. 클릭 했을때 target 구하기
    const targetId = e.target.getAttribute('href').slice(1);
    const target = document.querySelector(targetId);
    // 3. offsetTop 구하기
    const moveY = target.offsetTop;
    // 4. offsetTop 이동
    window.scroll({
        top: moveY,
        behavior: 'smooth'
    });
}

<About id="about"/>
<Works id="works"/>
<Contact id="contact"/>

 <Nav>
    <Link href="#about" passHref><NavItem onClick={moveContent}>ABOUT</NavItem></Link>
    <Link href="#works" passHref><NavItem onClick={moveContent}>WORKS</NavItem></Link>
    <Link href="#contact" passHref><NavItem onClick={moveContent}>CONTACT</NavItem></Link>
</Nav>