๐Ÿ“Œย ์›น์‚ฌ์ดํŠธ์—์„œ ์œ ์ €์˜ ์„œ๋น„์Šค ํƒ์ƒ‰์„ ๋„์™€์ฃผ๋Š” ์นดํ…Œ๊ณ ๋ฆฌ

๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฐ”๋ผ๊ณ  ๋ถˆ๋ฆฌ๋Š” ์ด ์นดํ…Œ๊ณ ๋ฆฌ ์˜์—ญ์€ ์œ„์น˜์™€ ์—ญํ• ์— ๋”ฐ๋ผ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ๋‹ค.

*GNB(Global Navigation Bar)

์›น์‚ฌ์ดํŠธ ์ „์ฒด์— ๋˜‘๊ฐ™์ด ์ ์šฉ๋˜๋Š” ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฐ” ์ด๋ฉฐ, ์–ด๋–ค ํŽ˜์ด์ง€๋ฅผ ํด๋ฆญํ•ด๋„ ๊ณตํ†ต์œผ๋กœ ์“ธ ์ˆ˜ ์žˆ๋Š” ๋ฉ”๋‰ด์ด๋‹ค.

๋ณดํ†ต ์›น์‚ฌ์ดํŠธ ์ตœ์ƒ๋‹จ์— ์œ„์น˜ํ•˜๊ณ  ์žˆ์–ด ๋ฉ”์ธ ๋ฉ”๋‰ด๋ผ๊ณ ๋„ ๋ถˆ๋ฆฐ๋‹ค.

GNB์˜ Global ์—ญ์‹œ ์›น์‚ฌ์ดํŠธ ๋ชจ๋“  ์˜์—ญ์— ํ•ด๋‹น๋œ๋‹ค๋Š” ์˜๋ฏธ๋ฅผ ๋‚ดํฌํ•˜๊ณ  ์žˆ๋‹ค.

* LNB(Local Navigation Bar)

GNB๋ฅผ ํด๋ฆญํ•˜๊ฑฐ๋‚˜ ๋งˆ์šฐ์Šค๋ฅผ ํ˜ธ๋ฒ„ํ–ˆ์„ ๋•Œ ๋…ธ์ถœ๋˜๋Š” ํ•˜์œ„ ๋ฉ”๋‰ด์ด๋‹ค.

LNB์˜ Local์€ ์›น์‚ฌ์ดํŠธ ์ค‘ ํŠน์ • ์—ญ์—ญ์œผ๋กœ ํ•œ์ •ํ•œ๋‹ค๋Š” ์˜๋ฏธ๊ฐ€ ์žˆ์–ด, ์„œ๋ธŒ ๋ฉ”๋‰ด๋ผ๊ณ ๋„ ํ•œ๋‹ค.

*SNB(Side Navigation Bar)

๋ณดํ†ต ๋ฉ”์ธ ๋ฉ”๋‰ด์™€ ์„œ๋ธŒ ๋ฉ”๋‰ด๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€ ๋ฉ”๋‰ด๋ฅผ ๋งํ•œ๋‹ค.

๋ณดํ†ต ์™ผ์ชฝ์ด๋‚˜ ์˜ค๋ฅธ์ชฝ์— ์œ„์น˜ํ•˜๊ณ  ์žˆ์–ด Side๋ผ๊ณ  ํ‘œํ˜„ํ•œ๋‹ค.

*FNB(Foot Navigation Bar)

์›น ์‚ฌ์ดํŠธ ๊ฐ€์žฅ ํ•˜๋‹จ์— ์œ„์น˜ํ•˜๋Š” ๋ฉ”๋‰ด์ด๋‹ค.

GNB์ฒ˜๋Ÿผ ์‚ฌ์ดํŠธ ๋‚ด ๋ชจ๋“  ํŽ˜์ด์ง€์— ๊ณตํ†ต์œผ๋กœ ๋…ธ์ถœ๋˜๋Š” ๋ฉ”๋‰ด์ด๋‹ค.

๊ฐ€์žฅ ํ•˜๋‹จ์— ์œ„์น˜ํ•˜๊ณ  ์žˆ์–ด Foot์ด๋ผ๊ณ  ํ‘œํ˜„ํ•˜๋ฉฐ, ํ•ด๋‹น ์˜์—ญ์„ Footer๋ผ๊ณ ๋„ ํ•œ๋‹ค.

๋ณดํ†ต ๊ธฐ์—… ์ •๋ณด ๋“ฑ ์‚ฌ์ดํŠธ์˜ ์ •๋ณด๊ฐ€ ์œ„์ฐจํ•˜๋Š” ์˜์—ญ์ด๋‹ค.