topic★★★★★난이도
Drawer
서랍처럼 옆에서 슬라이드로 나오는 패널.
#drawer#서랍#사이드 패널
Drawer(드로어)는 말 그대로 '서랍'이다. 책상 서랍을 당기면(draw) 안에 든 물건이 보이고, 밀면 다시 숨겨진다. UI에서도 화면 가장자리에서 슬라이드로 나오는 패널을 뜻한다. Android가 'Navigation Drawer'라는 이름으로 2013년부터 공식 패턴으로 채택했다.
| 실제 사물 | UI 패턴 |
|---|---|
| 책상 서랍을 당김(draw) | 화면 가장자리에서 패널이 슬라이드 |
| 닫으면 보이지 않음 | 닫으면 메인 콘텐츠만 보임 |
| 서랍 안에 도구를 정리 | 패널 안에 메뉴/필터를 정리 |
사용 가이드라인: 보조 네비게이션, 필터 패널, 장바구니 등 '필요할 때만 보이면 되는' 콘텐츠에 적합하다. 왼쪽 Drawer는 네비게이션, 오른쪽 Drawer는 세부 정보/설정에 쓰는 것이 관례다. 데스크톱에서는 사이드바로 고정하고, 모바일에서만 Drawer로 접는 반응형 전략이 일반적이다.