49. 비교 뷰 Design a comparison view interface: **Layout**: - Side-by-side columns (2-4 items) - Sticky header with item identifiers - Scrollable comparison area - Mobile: swipe between items or stacked **Header Section**: - Item image/icon - Item title - Key identifier (price, rating) - Remove from comparison X - Add item button (if < max) **Comparison Table**: - Attribute rows spanning all columns - Category groupings with headers - Values aligned per column **Attribute Row**: - Attribute name (left or spanning) - Value per item - Highlight differences - Match indicator: ✓ same, ✗ different **Value Formatting**: - Numbers: right-aligned - Boolean: check/x icons - Text: left-aligned - Missing: dash or "N/A" **Highlighting**: - Best value: green highlight - Worst value: red or gray - Toggle highlighting on/off **Sticky Columns**: - Attribute name column sticks left - Item headers stick top **Empty Slots**: - "+ Add to compare" placeholder - Opens item selector modal **Item Selector**: - Search/filter items - Recently viewed - Quick add buttons **Actions**: - Print comparison - Share comparison link - Export as PDF/image **Mobile Adaptation**: - Horizontal swipe between items - Or "Show differences only" toggle - Collapsible categories Tech: React + Tailwind + Framer Motion (swipe)