React - useRef로 DOM 제어하기 (스크롤 이동)

import { useRef } from 'react';

export default function ScrollToSection() {
  const sectionRef = useRef(null);

  const scrollToSection = () => {
    sectionRef.current?.scrollIntoView({ behavior: 'smooth' });
  };

  return (
    <div>
      <button onClick={scrollToSection}>섹션으로 이동</button>
      <div style={{ height: '100vh' }} />
      <div ref={sectionRef} style={{ padding: 20, background: '#eee' }}>
        🎯 여기가 타겟 섹션입니다!
      </div>
    </div>
  );
}