| Line 57: | Line 57: | ||
}} | }} | ||
| − | Drawer Menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 패턴이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다 | + | Drawer Menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 패턴이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다. |
| − | Drawer를 호출하는 버튼은 주로 일명 '[https://www.google.com/search?q=hamburg+buttons&client=safari&rls=en&source=lnms&tbm=isch&sa=X&ei=QbJ9U8qzMs-B8gW_sIHwCw&ved=0CAgQ_AUoAQ&biw=1571&bih=917#q=hamburger+button+drawer&rls=en&tbm=isch 햄버거]'로 불리는 아이콘의 버튼이 사용된다. | + | 숨겨진 페이지를 표시하는 방식에 따라 구분이 가능한데, 주로 Slide방식이 사용되며, Overlay와 Insert (일명 Accordion) 방식으로 분류할 수 있다. Drawer를 호출하는 버튼은 주로 일명 '[https://www.google.com/search?q=hamburg+buttons&client=safari&rls=en&source=lnms&tbm=isch&sa=X&ei=QbJ9U8qzMs-B8gW_sIHwCw&ved=0CAgQ_AUoAQ&biw=1571&bih=917#q=hamburger+button+drawer&rls=en&tbm=isch 햄버거]'로 불리는 아이콘의 버튼이 사용된다. |
| − | === | + | |
| + | === With this pattern, we can solve... === | ||
* Drawer 방식이 나타나기 전까지는 Tab이나 기타 방식을 이용하여 화면 상에 네비게이션 메뉴를 표시하여 사용하였다. 어플리케이션의 기능이 점점 복잡해지며 네비게이션 항목의 양도 많아지고, 컨텐트가 중요하게 생각되면서 컨텐트 외의 화면 요소들을 숨길 필요가 생기게 되었다. Drawer는 화면 상의 많은 요소들을 효과적으로 숨기고 꺼내어 볼 수 있는 기능을 제공한다. | * Drawer 방식이 나타나기 전까지는 Tab이나 기타 방식을 이용하여 화면 상에 네비게이션 메뉴를 표시하여 사용하였다. 어플리케이션의 기능이 점점 복잡해지며 네비게이션 항목의 양도 많아지고, 컨텐트가 중요하게 생각되면서 컨텐트 외의 화면 요소들을 숨길 필요가 생기게 되었다. Drawer는 화면 상의 많은 요소들을 효과적으로 숨기고 꺼내어 볼 수 있는 기능을 제공한다. | ||
Drawer Menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 패턴이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다.
숨겨진 페이지를 표시하는 방식에 따라 구분이 가능한데, 주로 Slide방식이 사용되며, Overlay와 Insert (일명 Accordion) 방식으로 분류할 수 있다. Drawer를 호출하는 버튼은 주로 일명 '햄버거'로 불리는 아이콘의 버튼이 사용된다.