&InputHTMLAttributes<HTMLInputElement>

필요한 속성은 지정해 두고 나머지 어떤 상황이냐에 따라 사용할 속성들이 달라질 땐
& InputHTMLAttributes

interface InputProps {
  errors?: string[]
  name: string
}

export default function Input({
  errors = [],
  name,
  ...rest
}: InputProps & InputHTMLAttributes<HTMLInputElement>) {
  // console.log(rest, 'input의 나머지 속성이 다 있다')
  return (
    <div>
      <input name={name} {...rest}/>
      {errors.map((error, index) => (
        <span key={index}>
          {error}
        </span>
      ))}
    </div>
  )
}