# 맛있는 이름을 가진 UI요소, 왜 이런 이름을 가졌지? (토스트,햄버거메뉴,브레드크럼)

![Image](https://upload.cafenono.com/image/slashpagePost/20251018/144059_L7Irr4sdfxiYGJMjLh?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/102545_e9FwdDxQgc1IHYCPWq?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/100131_amh49fIrAjJAYnBvhX?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/100317_4oBzDyym1QPpmLbYwg?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/100419_XrSH3ZN5Fv0isro6pd?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/101532_M3JceaaKnptXqW7gHp?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/101746_CPeMZ0ip5SEHwcvUEP?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/101844_A33gGpYpXRHP02mCGy?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/102025_y21gROSWCDOCmAyjo2?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240524/101414_qpZebIeWaKdBDs9DKP?q=75&s=1280x180&t=outside&f=webp)

# 🥪 토스트

짧은 메세지를 간단하고 빠르게 전달하는 알림 UI요소

토스터기에서 빵이 통 튀어오르듯이 화면 하단에 잠시 나타났다가 사라지는 형태

### 특징

- 간결하고 눈에 잘 띄는 디자인

- 중요한 메시지를 강조하는 데 효과적

- 모바일 환경에서 공간 활용도가 높음

> 새로운 알림, 프로모션 정보 전달, 오류 메세지, 시스템 알림 표시, 사용자 피드백 수렴

---

## 🍔 햄버거 메뉴

모바일 앱에서 흔히 사용되는 메뉴 아이콘

세개의 평행선이 햄버거 같은 모양으로 구성되어있음

### 특징

- '햄버거 버튼 = 메뉴'로 쉽게 인식되기 때문에 부연설명이 필요 없다

- 간결한 형태로 공간 활용도를 높이고 메뉴 접근성을 개선

- 모바일에서 메뉴 사용성을 향상시킨다

> 서비스 내의 주요 기능 및 설정 메뉴 제공, 하위 메뉴를 효율적으로 구성

---

## 🍞 브레드크럼

현재 페이지의 위치를 계층적으로 보여주는 UI 요소

마치 빵가루를 따라 길을 찾듯 사용자의 위치를 파악하도록 돕습니다.

### 특징

- 웹사이트 구조에 대한 이해를 돕고 탐색하기 쉽게 만든다

- 사용자가 자신의 현재 위치를 파악하는 것, 페이지 이동을 돕는다

- 정보 계층 구조를 시각적으로 표현한다

> 카테고리별 상품 목록 페이지, 복잡한 웹사이트 구조에서 꼭 필요함

For the site tree, see the [root Markdown](https://slashpage.com/haleys-archive.md).