인터페이스 핵심 D · 일상적 또는 특수용 이름

Sidebar & Navigation Rail — Learning Bundle

사이드바 & 내비게이션 레일 — 학습 번들

이 학습 번들은 두 가지 다른 내비게이션 패턴을 비교합니다. 사이드바는 더 넓고 라벨이나 도구를 가집니다. 내비게이션 레일은 좁고 종종 아이콘을 사용합니다. 이 번들은 하나의 표준 인터페이스 용어가 아닙니다.

당신은 이것을 이렇게 부를 수 있습니다 Sidebar & Navigation Rail — Learning Bundle사이드바 대 내비게이션 레일 학습 번들사이드내비 비교왼쪽 레일 수업

예제를 시도해 보세요

사이드바 & 내비게이션 레일 — 학습 번들

실제 예시

넓은 대시보드는 글자가 있는 사이드바를 보여줘. 중간 너비에서는 아이콘 막대로 바뀌어.

주요 부분

  1. 01Current location
  2. 02Destination labels
  3. 03Focus order
  4. 04Responsive behavior

사용할 때

이 가이드를 사용하여 사이드바 또는 내비게이션 레일을 선택하십시오. 위치 수, 화면 너비, 레이블 필요성을 확인하십시오.

다음 경우에는 사용하지 마세요

사람들이 아이콘의 의미를 모를 수 있는 경우 라벨을 절대 제거하지 마세요.

코드에서 사용된 이름

<aside> / <nav>

출시하기 전에

Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.

복사 가능한 요청

Outcome:Complete the task with 사이드바 & 내비게이션 레일 — 학습 번들 (Sidebar & Navigation Rail — Learning Bundle)。 User context:넓은 대시보드는 글자가 있는 사이드바를 보여줘. 중간 너비에서는 아이콘 막대로 바뀌어. Learning bundle to unpack:사이드바 & 내비게이션 레일 — 학습 번들 (Sidebar & Navigation Rail — Learning Bundle)。 Canonical members:사이드바 내비게이션 (Sidebar Navigation)、내비게이션 레일 (Navigation Rail) Why this comparison helps:이 가이드를 사용하여 사이드바 또는 내비게이션 레일을 선택하십시오. 위치 수, 화면 너비, 레이블 필요성을 확인하십시오. Do not treat the bundle as one pattern when:사람들이 아이콘의 의미를 모를 수 있는 경우 라벨을 절대 제거하지 마세요. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary):이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.

이 요청을 확인하세요

Review how 사이드바 & 내비게이션 레일 — 학습 번들 (Sidebar & Navigation Rail — Learning Bundle) is used now. Definition: 이 학습 번들은 두 가지 다른 내비게이션 패턴을 비교합니다. 사이드바는 더 넓고 라벨이나 도구를 가집니다. 내비게이션 레일은 좁고 종종 아이콘을 사용합니다. 이 번들은 하나의 표준 인터페이스 용어가 아닙니다. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

D
이 용어는 얼마나 공식적인가요?

일상적 또는 특수용 이름

이것은 일상적이거나 오래된 이름일 수 있으며, 한 회사에서 사용하는 이름이거나 Vibulary 범주일 수 있습니다. 출처는 활용이나 제한을 지원할 수 있지만, 이름을 정의하지는 않을 수 있습니다.

이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다.

범위
소스가 포함하는 것만:정규 이름、정의、상호작용、키보드 동작、접근성、플랫폼 API、구현、사용 안내
문서 상태
안정적인
선택됨
2026-07-30

증거 출처 및 범위

권위 있는 출처 · Google · 안정적인 Material Design Components 범위: 정규 이름、정의、상호작용、키보드 동작、접근성 여기 역할: 정의가 아닌 유용한 배경 출처 범위: 정규 이름, 정의, 상호작용, 키보드 동작, 접근성 권위 있는 출처 · Apple · 안정적인 Sidebars 범위: 정규 이름、정의、플랫폼 API、구현、사용 안내 여기 역할: 정의가 아닌 유용한 배경 출처 범위: 정규 이름, 정의, 플랫폼 API, 구현, 사용 안내

직접 복사

브라우저가 이것을 복사할 수 없습니다. 아래 요청을 선택하고 직접 복사하세요.