오월의꿈
운영 용어사전 · 화면·디자인

Dropdown드롭다운

Dropdown(드롭다운)은 클릭하거나 마우스를 올리면 아래로 선택 항목들이 펼쳐지는 메뉴 형태입니다.

최종 업데이트
#드롭다운#Dropdown#펼침_메뉴

개념 이해하기

메뉴를 누르면 하위 항목들이 펼쳐지는 원리를 알아봅니다.

한 줄 정의

Dropdown(드롭다운)은 클릭하거나 마우스를 올리면 아래로 선택 항목들이 펼쳐지는 메뉴 형태입니다.

드롭다운은 화면 공간을 절약하면서도 여러 선택 항목을 제공할 수 있는 메뉴 방식입니다. 상단 메뉴에 마우스를 올리면 하위 메뉴들이 펼쳐지는 메가메뉴나, 폼에서 지역이나 항목을 선택하는 선택창이 모두 드롭다운의 예입니다.

드롭다운은 많은 항목을 깔끔하게 정리할 수 있다는 장점이 있지만, 모바일에서는 마우스 오버 방식이 작동하지 않아 클릭(탭) 방식으로 다르게 설계되어야 합니다. 이 차이를 고려하지 않으면 모바일에서 메뉴가 열리지 않는 문제가 생길 수 있습니다.

왜 알아야 하는가

메뉴 구조 설계의 기초를 이해할 수 있습니다

많은 메뉴 항목을 정리하는 대표적인 방식임을 알 수 있습니다.

모바일 오작동 가능성을 이해할 수 있습니다

PC와 모바일에서 작동 방식이 다를 수 있다는 점을 알면 문제 진단에 도움이 됩니다.

사용성 개선 논의에 참고가 됩니다

너무 많은 하위 항목은 오히려 혼란을 줄 수 있다는 점을 고려할 수 있습니다.

자주 묻는 질문

모바일에서 드롭다운이 안 열려요, 왜 그런가요?

PC의 마우스 오버 방식과 모바일의 터치 방식이 다르게 구현되어야 하는데, 이 부분이 누락되었을 가능성이 있습니다.

드롭다운 항목이 너무 많으면 문제가 되나요?

네, 항목이 지나치게 많으면 오히려 원하는 메뉴를 찾기 어려워질 수 있습니다.

메뉴 구조와 드롭다운 작동이 궁금하신가요?

유지보수 상담에서 메뉴 작동 상태를 PC·모바일 모두 점검해 드립니다.

함께 보면 좋은 페이지헤더 →반응형 →
QUICK CONTACT

빠른 상담 신청

간단한 정보만 남겨주시면 담당자가 빠르게 연락드립니다.

✓

문의가 접수되었습니다

빠르게 확인하고 연락드리겠습니다. 더 자세한 상담을 원하시면 상세 문의 페이지도 이용해 보세요.

상세 문의 페이지로 이동 →