Shipping Address

70. 주소 폼 Design an address input form: **Form Layout**: - Single column - Logical grouping - Clear labels **Fields**: **Country/Region**: - Dropdown with search - Flag icons (optional) - First field: affects other field formats **Full Name**: - Single field (or split First/Last) - Auto-capitalize **Street Address**: - Address line 1: required - Address line 2: optional, "Apt, suite, etc." - Autocomplete: google places integration **City**: - Text input - Autocomplete from address service **State/Province**: - Dropdown for countries with states - Text input for others - Dynamic based on country **Postal/ZIP Code**: - Text input - Format hint based on country - Validation per country format **Phone Number**: - Country code selector - Phone input with formatting - "For delivery updates" **Address Autocomplete**: - Google Places integration - Suggestions as user types - Auto-populate all fields on select - Manual entry option **Validation**: - Real-time format validation - Address verification service - Suggest corrections if invalid **Save Address Options**: - "Save for future orders" checkbox - "Set as default" checkbox - Address nickname field **Multiple Addresses**: - List saved addresses - Select to use - Edit/delete options - "Add new address" button Tech: React + React Hook Form + Google Places API + Tailwind