๊ธ€ ์ž‘์„ฑ์ž: ํƒ์‹œ ์šด์ „์‚ฌ
๋ฐ˜์‘ํ˜•

๐Ÿ‘‹ ๋“ค์–ด๊ฐ€๋ฉฐ

์›น์‚ฌ์ดํŠธ ๊ฐœ๋ฐœ, ๊ธฐํš ๋“ฑ์„ ํ•˜๋‹ค๋ณด๋ฉด GNB, LNB ๋“ฑ์˜ ๋‹จ์–ด๋ฅผ ๋“ฃ๊ฒŒ ๋œ๋‹ค. ํ•„์ž๋„ ์‹ค๋ฌด๋ฅผ ํ•˜๋ฉด์„œ ์•Œ๊ฒŒ๋˜์—ˆ๊ณ , ํ•ญ์ƒ ๋“ค์„๋•Œ๋งˆ๋‹ค ํ—ท๊ฐˆ๋ ค์„œ ์ด๋ฒˆ ๊ธฐํšŒ์— ํ•œ ๋ฒˆ ์ •๋ฆฌํ•ด๋ณด๋ คํ•œ๋‹ค.

๋„ค๋น„๊ฒŒ์ด์…˜ ์˜์—ญ?

๋„ค๋น„๊ฒŒ์ด์…˜ ์˜์—ญ์€ ์ด๋ฆ„์ฒ˜๋Ÿผ ๋„ค๋น„๊ฒŒ์ด์…˜ ์ฆ‰ ํŠน์ • ํŽ˜์ด์ง€ ์ด๋™์„ ์œ„ํ•ด ํ•„์š”ํ•œ ์˜์—ญ์„ ์˜๋ฏธํ•œ๋‹ค. ๋˜ํ•œ, ์ด๋Ÿฌํ•œ ์˜์—ญ๋“ค์€ ๋ชจ๋“  ํŽ˜์ด์ง€์—์„œ ํ•ญ์ƒ ๊ณ ์ •๋œ ์˜์—ญ์„ ์ฐจ์ง€ํ•˜๋Š” ํŠน์ง•์„ ๊ฐ€์ง€๊ฒŒ๋œ๋‹ค.

GNB(Global Navigation Bar)

๋„ค์ด๋ฒ„ ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€ GNB ์˜์—ญ

 

๋„ค์ด๋ฒ„ ๋‰ด์Šค ์„œ๋น„์Šค GNB ์˜์—ญ

  • ์‚ฌ์ดํŠธ ์ „์ฒด์— ๋™์ผํ•˜๊ฒŒ ์ ์šฉ๋˜๋Š” ์ตœ์ƒ์œ„ ๊ณตํ†ต ๋„ค๋น„๊ฒŒ์ด์…˜

ํฌํ•จ๋˜๋Š” ์ฝ˜ํ…์ธ 

  • ์‚ฌ์ดํŠธ ๋กœ๊ณ  - ํ™ˆํŽ˜์ด์ง€ ๋งํฌ
  • ๋ฉ”์ธ ๋ฉ”๋‰ด - ๋Œ€๋ถ„๋ฅ˜ ๋ฉ”๋‰ด๋ผ๊ณ ๋„ ํ•˜๋ฉฐ, ์ฃผ์š” ํŽ˜์ด์ง€ ๋งํฌ ๋ฒ„ํŠผ ์—ญํ• ์„ ํ•˜๊ฑฐ๋‚˜ ํ˜ธ๋ฒ„์‹œ ์„œ๋ธŒ ๋ฉ”๋‰ด๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ฒ„ํŠผ ์—ญํ• ์„ ํ•œ๋‹ค. ์„œ๋ธŒ ๋ฉ”๋‰ด๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ ํด๋ฆญ์‹œ ๋ฉ”์ธ ์„œ๋ธŒ ๋ฉ”๋‰ด๋กœ ๊ฐ€๋Š” ๋งํฌ ์—ญํ• ์„ ํ•˜๊ธฐ๋„ ํ•œ๋‹ค.

LNB(Local Navigation Bar)

๋„ค์ด๋ฒ„ ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€ LNB(Local Navigation Bar) ์˜์—ญ
๋„ค์ด๋ฒ„ ๋‰ด์Šค ์„œ๋น„์Šค LNB ์˜์—ญ

  • GNB์˜ ๋ฉ”์ธ ๋ฉ”๋‰ด์˜ ์„œ๋ธŒ ๋ฉ”๋‰ด๋กœ ๋‚˜์˜ค๋Š” ๋„ค๋น„๊ฒŒ์ด์…˜ ์˜์—ญ

ํฌํ•จ๋˜๋Š” ์ฝ˜ํ…์ธ 

  • ์„œ๋ธŒ ๋ฉ”๋‰ด - ์ค‘๋ถ„๋ฅ˜ ๋ฉ”๋‰ด๋ผ๊ณ ๋„ ํ•˜๋ฉฐ, GNB ๋ฉ”๋‰ด์˜ ํ•˜์œ„ ํŽ˜์ด์ง€ ํ˜น์€ GNB ๋ฉ”๋‰ด ํŽ˜์ด์ง€์˜ ํŠน์ • ์˜์—ญ์˜ ๋งํฌ ์—ญํ• ์„ ํ•œ๋‹ค.

SNB(Side Navigation Bar)

๋„ค์ด๋ฒ„ ๋‰ด์Šค ์„œ๋น„์Šค SNB ์˜์—ญ

  • ์ผ๋ฐ˜์ ์œผ๋กœ ์™ผ์ชฝ์— ์œ„์น˜ํ•ด์žˆ์œผ๋ฉฐ, ๋ฉ”์ธ ๋ฉ”์œ , ์„œ๋ธŒ ๋ฉ”๋‰ด๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€ ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด๋ฅผ ํฌํ•จํ•˜๋Š” ์˜์—ญ

FNB(Footer Navigation Bar)

๋„ค์ด๋ฒ„ ๋‰ด์Šค ์„œ๋น„์Šค FNB ์˜์—ญ

  • ํ•˜๋‹จ๋ฉ”๋‰ด, ํ•˜๋‹จ๋กœ๊ณ , ํšŒ์‚ฌ์˜ ์ฃผ์†Œ, ์นดํ”ผ๋ผ์ดํŒ… ์˜์—ญ
๋ฐ˜์‘ํ˜•