[TIL-0509] 객체 상태 관리

🌟 여행 기간을 시작일, 종료일 2개로 구성할 때

• React 상태 관리: 배열 or 객체 → 둘 다 가능
• 보통은 객체 형태가 더 직관적이고 유지보수하기 좋음

---

🌟 객체 상태 관리 vs. 배열 상태 관리

종류	구조	장점
객체	{ startDate, endDate }	명확하고 접근하기 쉬움 (travelPeriod.startDate)
배열	[start, end]	순서는 있지만 의미가 모호함 ([0], [1])

---

✍️ 구현 예시

• 객체 상태 관리

  const [travelPeriod, setTravelPeriod] = useState({
    startDate: '',
    endDate: '',
  })

• 여행 시작일 input 필드

  <input
    type="date"
    value={travelPeriod.startDate} // 👈 이 부분 주목
    onChange={handleDateChange("startDate")}
    min={today}
   />

• 여행 종료일 input 필드

  <input
    type="date"
    value={travelPeriod.endDate} // 👈 이 부분 주목
    onChange={handleDateChange("endDate")}
    min={travelPeriod.startDate || today}
   />