내비게이션 드로워

1 개요

side navigation menu, side navigation, navigation drawer; nav drawer; drawer

측면 내비게이션 메뉴, 사이드 내비게이션, 내비게이션 드로워, 네비게이션 드로어; 내브 드로워; 드로워

• 내비게이션 UI 중 하나
• 사이드바의 변형판

주로 모바일 화면에서 폭이 좁은 경우에 토글 버튼으로 보이기/숨기기를 제어한다.

• 화면 측면에서 떠서 밀려들어오는 메뉴

<img src='https://storage.googleapis.com/material-design/publish/material_v_10/assets/0B7WCemMG6e0VaDhWUXJTTng4ZGs/patterns_navigation_drawer.png' style='width:300px' />

2 같이 보기

• 내비게이션 바
• 내비게이션 UI
• 메뉴
• CSS 내비게이션 드로워
• 사이드바

3 참고

• http://www.w3schools.com/howto/howto_js_sidenav.asp
• https://material.io/guidelines/patterns/navigation-drawer.html