CSS ์ฌํ
์น์ฌ์ดํธ UI ์์ ๋ฆฌ์คํธ (์ค๋ฌด ์ฉ์ด)
๋ค๋น๊ฒ์ด์
/ ๋ฉ๋ด ๊ด๋ จ
์ฉ์ด | ์ค๋ช
|
GNB (Global Navigation Bar) | ์ฌ์ดํธ ์ต์๋จ์ ์ ์ญ ๋ฉ๋ด. ๋ฉ์ธ ์นดํ
๊ณ ๋ฆฌ. |
LNB (Local Navigation Bar) | ์น์
๋ด๋ถ์์ ์ฐ๋ ๋ก์ปฌ ๋ฉ๋ด. ๋ณดํต ์ข์ธก ๋ฉ๋ด. |
SNB (Side Navigation Bar) | ์ฌ์ด๋์ ์์นํ ๋ฉ๋ด. LNB์ ๊ฐ์ ์๋ฏธ๋ก ์ฐ์ด๊ธฐ๋ ํจ. |
FNB (Footer Navigation Bar) | ํ๋จ์ ์๋ ๋ฉ๋ด ๋งํฌ๋ค. |
Breadcrumb (๋ธ๋ ๋ํฌ๋ผ) | ํ์ฌ ์์น ํ์: ํ > ์นดํ
๊ณ ๋ฆฌ > ํ์ด์ง. |
Tab Menu (ํญ ๋ฉ๋ด) | ํ ํ๋ฉด์์ ๋ด์ฉ ์ ํํ๋ ํญ ๊ตฌ์กฐ. |
์ ํธ๋ฆฌํฐ ์์ญ (UTILยทUtility Area)
์ฉ์ด | ์ค๋ช
|
Util Menu (์ ํธ ๋ฉ๋ด) | ๋ก๊ทธ์ธ/ํ์๊ฐ์
/๋ง์ดํ์ด์ง/๊ณ ๊ฐ์ผํฐ ๋ฑ ์๋จ ๋ณด์กฐ ๋ฉ๋ด. |
Search Bar | ๊ฒ์์ฐฝ. |
Language Switcher | ๋ค๊ตญ์ด ์ ํ UI. |
Profile Dropdown | ํ๋กํ ํด๋ฆญ ์ ๋ํ๋๋ ๋ฉ๋ด. |
UI ์์
๋ฐ์ํ ์น ๋์์ธ
์ค์ ์ฌ์ดํธ