UI/UX

Accorion Menu 란?유저가 각 Section 을 펼쳐 Contents 를 확인하고, 필요하지 않으면 축소할 수 있는 인터페이스많은 양의 정보를 한정된 공간에 담을 때 사용메뉴 전체를 감싸는 div 가 있음그 안에 각 섹션이 들어있음섹션 한 부분의 버튼을 눌렀을

Breadcrumb 란?Breadcrumb 는 빵부스러기 란 뜻 ( 헨젤과 그레텔에서 따온 용어 )사이트나 웹 앱에서 유저의 현 위치를 보여주는 부차적인 내비게이션 시스템유저에게 맥락 정보의 훌륭한 소스가 되며, 이에 따라 유저가 다음 질문에 대한 답을 찾을 수 있도록

Card 란?작은 사각형 안에 여러 종류의 정보들을 담고 있는 모듈사용자의 진입점 역할을 하여 사용자가 클릭할 수 있는 다양한 콘텐츠를 나열하여 표시카드의 장점카드는 주어진 공간을 활용할 수 있는 좋은 방법임여러 콘텐츠 옵션을 제공하려 할 때 기존 목록 스크롤 대신 사

Button이란?특정 형태 안에 라벨을 넣어 표시하는 것.누름으로써 특정 동작이 수행 됨버튼은 유저가 작동 원리를 정확하게 알지 못해도 (심지어 아예 알지 못해도) 누름 이라는 하나의 동작으로 동작을 수행시킬 수 있음“You press the button, we do

벤토 메뉴(Bento Menu)란??통칭 벤토(도시락) 메뉴 또는 벤토 박스라고 불리는 이것은 그리드 목록으로 나열되는 메뉴를 의미예시) 구글에서의 Bento Menu벤토 아이콘을 클릭하면 창이 뜨게 됨display none으로 되어있던 div가 클릭을 하게 되면 ac