[TECH-QA] Intersection Type (&)이란?

interface AlertModalProps {
  title: string;
  message: string;
  onClose: () => void;
}

const AlertModal = React.forwardRef<HTMLDivElement, AlertModalProps>(
  ({ title, message, onClose }, ref) => {
    return (
      <div ref={ref}>
        <h1>{title}</h1>
        <p>{message}</p>
        <button onClick={onClose}>Close</button>
      </div>
    );
  }
);

// 타입 정의
type AlertModalComponent = React.ForwardRefRenderFunction<
  HTMLDivElement,
  AlertModalProps & React.RefAttributes<HTMLDivElement>
>;

const modalRef = React.useRef<HTMLDivElement>(null);

<AlertModal
  title="경고"
  message="이것은 경고 메시지입니다."
  onClose={() => console.log("닫기")}
  ref={modalRef}
/>;