디자인 시스템 > 레이아웃·앱셸

GNB (Global Navigation Bar)

Figma 의 sticky header 컴포넌트(앱 상단에 항상 떠 있는 내비게이션)와 같은 사고가, 코드에서는 GNB(Global Navigation Bar)라고 불립니다.

Figma 의 마스터 페이지 템플릿 상단에는 항상 떠 있는 sticky header 가 있습니다. 어떤 페이지를 봐도 같은 자리에 같은 메뉴가 보여, 사용자가 "내가 어디 있고 어디로 갈 수 있는지" 를 알 수 있죠.

전체 설명과 예시는 수강생에게 공개됩니다

이 개념의 코스 내 적용 예시, 코드 예제, 관련 강의 연결은 로그인 후 용어집에서 볼 수 있습니다.

관련 용어