๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
IT/TISTORY

ํ‹ฐ์Šคํ† ๋ฆฌ ๏ฝœ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„๊ณผ ๊ตฌ๋ถ„์„  ์‚ฌ์ด ์—ฌ๋ฐฑ ์ค„์ด๊ธฐ

by ํ•˜๋ฅ  2021. 7. 5.

์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ ๋‹ค๋ค„๋ณผ ๋‚ด์šฉ์€ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„๊ณผ ๊ตฌ๋ถ„์„  ์‚ฌ์ด ์—ฌ๋ฐฑ ์ค„์ด๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ ์นดํ…Œ๊ณ ๋ฆฌ๋Š” ๋‚˜์ค‘์— ์ œ๊ฐ€ ์„ค์ •์„ ๋ณ€๊ฒฝํ•  ๋•Œ ๊ธฐ์–ตํ•˜๊ธฐ ์œ„ํ•จ๊ณผ ์ง€์‹ ๊ณต์œ  ๋ชฉ์ ์˜ ์นดํ…Œ๊ณ ๋ฆฌ์ž…๋‹ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ ๊ด€๋ จ๊ธ€์€ ํ‹ฐ์Šคํ† ๋ฆฌ ํƒœ๊ทธ ๊ฒ€์ƒ‰์œผ๋กœ ํ•œ ๋ฒˆ์— ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

๐Ÿ‘‡ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„ ์œ„์น˜

๋ธ”๋กœ๊ทธ ์ด๋ฆ„ ์œ„์น˜

๋ธ”๋กœ๊ทธ ์ด๋ฆ„์€ ๋ถํด๋Ÿฝ ์Šคํ‚จ ์ˆœ์ • ๊ธฐ์ค€์œผ๋กœ ์™ผ์ชฝ ์ƒ๋‹จ์— ์œ„์น˜ํ•˜๊ณ  ์žˆ๋‹ค. ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด ์ด๊ฒƒ์ €๊ฒƒ ๋งŒ์ง€๋‹ค ๋ฉ”๋‰ด๋ฅผ ์‚ญ์ œํ–ˆ๋‹ค. ๋ฉ”๋‰ด๋ฅผ ์‚ญ์ œํ•˜๋‹ˆ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„๊ณผ ๋ณธ๋ฌธ ์‚ฌ์ด์˜ ๊ตฌ๋ถ„์„  ๊ฐ„๊ฒฉ์ด ๋„ˆ๋ฌด ๋„“์€ ๊ฒƒ์ด๋‹ค. ๋นจ๊ฐ„ ์„ ์ด ๊ฐ„๊ฒฉ์„ ํ‘œ์‹œํ•œ ๊ฒƒ์ด๋‹ค.

 

๐Ÿ‘‡ ๊ฐ„๊ฒฉ ์กฐ์ ˆํ•˜๋Š” ๋ฐฉ๋ฒ•

๋ธ”๋กœ๊ทธ ์ด๋ฆ„๊ณผ ๊ตฌ๋ถ„์„  ์‚ฌ์ด ์—ฌ๋ฐฑ ์ค„์ด๋Š” ๋ฐฉ๋ฒ•

[๋ธ”๋กœ๊ทธ ํŽธ์ง‘] - [css]์—์„œ #gnb๋ฅผ ๊ฒ€์ƒ‰ํ•œ๋‹ค. ๋‚ด ๋ธ”๋กœ๊ทธ์—์„œ๋Š” 293๋ฒˆ์งธ ์ค„์— ์žˆ๋‹ค.
294๋ฒˆ ์ค„ height 66px๋ฅผ ์›ํ•˜๋Š” ๋งŒํผ ์ค„์—ฌ์ค€๋‹ค. ๋‚˜๋Š” ๋†’์ด๊ฐ’์„ 20px๋กœ ์ค„์˜€๋‹ค.

๐Ÿ‘‡ ์ ์šฉ ํ›„

์ ์šฉ์‚ฌ์ง„

๋นจ๊ฐ„ ์„ ์€ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„๊ณผ ๊ตฌ๋ถ„์„ ๊ณผ์˜ ๊ฐ„๊ฒฉ์„ ํ‘œ์‹œํ•œ ๊ฒƒ์ด๋‹ค. ๋†’์ด๊ฐ’ 20์„ ์ฃผ์—ˆ๋”๋‹ˆ ๊ฐ„๊ฒฉ์ด ์ค„์–ด๋“  ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค. 

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€