topic★★★★★난이도

Navbar

항해(navigation)에서 유래한 방향 안내 바.

#navbar#네비게이션#헤더

Navbar는 'navigation bar'의 줄임말이다. Navigation은 라틴어 'navigare'(배를 몰다)에서 왔다. 바다에서 별과 나침반으로 방향을 찾듯, 웹에서도 사이트의 주요 목적지를 안내하는 역할을 한다. Bar(막대)는 이 네비게이션 요소들이 수평 막대 형태로 배치되기 때문이다. 모든 웹사이트의 상단에 거의 반드시 존재한다.

실제 사물	UI 패턴
항해의 나침반	사이트 전체 방향 안내
공항의 이정표	주요 섹션으로의 링크 모음
항상 같은 위치에 있음	모든 페이지 상단에 고정

사용 가이드라인: 로고(홈 링크) + 주요 메뉴 + 보조 액션(검색, 프로필)의 3영역 구성이 기본이다. 메뉴 항목은 5~7개가 적당하다. 스크롤 시 상단에 고정(sticky)하면 언제든 네비게이션에 접근할 수 있다. 모바일에서는 Hamburger 메뉴로 접거나, 하단 탭 바(Bottom Tab Bar)로 대체한다.