๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ



Solve/ํ‹ฐ์Šคํ† ๋ฆฌ-์œ ํŠœ๋ธŒ

ํ‹ฐ์Šคํ† ๋ฆฌ ์™“์—๋ฒ„ ์Šคํ‚จ ๋‹คํฌ๋ชจ๋“œ ์šฐ์™•์ขŒ์™• ์—…๊ทธ๋ ˆ์ด๋“œ 3ํƒ„ - ๋ชจ๋ฐ”์ผ ์ขŒ์šฐ์Šคํฌ๋กค ํ’€๋ฆผ ์šฐ์ธก๊ณต๋ฐฑ ๋ฌธ์ œ

728x90

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋ฐฉ๋ฌธ์ž๋„ ์–ด๋Š ๋ง 30๋งŒ์„ ๋ŒํŒŒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ ๋‹คํฌ๋ชจ๋“œ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋ฉฐ ๋ธ”๋กœ๊ทธ ์—ฌ๊ธฐ์ €๊ธฐ๋ฅผ ์ „์ฒด์ ์œผ๋กœ ์†๋ณด๊ณ  ์žˆ๋Š”๋ฐ, ์ž˜ ์•Œ์ง€ ๋ชปํ•˜๋Š” css๋ฅผ ๊ฐ€์ง€๊ณ  ํ”Œ๋ ˆ์ดํ•˜๋ ค๋‹ˆ ์—ฌ๊ฐ„ ๊ณ ์ƒํ•˜๋Š” ๊ฒŒ ์•„๋‹ˆ๋„ค์š”.

์ƒ๋‹จ ๋ฉ”๋‰ด๋ฐ”๋ฅผ ๊ณ ์ •ํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ์„ ๋ฐฐ ๋ธ”๋กœ๊ฑฐ๋“ค์„ ๋”ฐ๋ผ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ, ์–ด๋Š ์ •๋„ ์ž˜ ๋˜๋‹ค๊ฐ€ ์ „์ฒด ๋ถ„๋ฅ˜๋ณด๊ธฐ๋ฅผ ์นดํ…Œ๊ณ ๋ฆฌ์— ํฌํ•จํ•˜๋Š” ๋ถ€๋ถ„์—์„œ ์„ฑ๊ณตํ–ˆ๋‚˜ ์‹ถ์—ˆ๋Š”๋ฐ.. ๊ฐ‘์ž๊ธฐ ๋ชจ๋ฐ”์ผ ํ™”๋ฉด์—์„œ ์ขŒ์šฐ ์Šคํฌ๋กค์ด ํ’€๋ฆฌ๋ฉฐ ์šฐ์ธก์— ๊ณต๋ฐฑ์ด ๋…ธ์ถœ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฑธ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ๊ฐ–์€ ์‹œ๋„๋ฅผ ํ•ด ๋ณด์•˜์ง€๋งŒ ์›์ธ์„ ์ฐพ์„ ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค. ๊ณ ์ˆ˜๋“ค๊ป˜ ๋ฌธ์˜ํ•ด ๋ณผ๊นŒ๋„ ์ƒ๊ฐํ•ด ๋ดค์ง€๋งŒ.. ํ๊ฐ€ ํด ๊ฒƒ ๊ฐ™์•„ ํฌ๊ธฐํ•˜๊ณ .. ์ „๋‚  ์ €์žฅํ•ด ๋†“์•˜๋˜ ์Šคํ‚จ์œผ๋กœ ๋Œ์•„๊ฐ€ ๋ณต๊ตฌํ–ˆ์Šต๋‹ˆ๋‹ค.

์Šคํ‚จ์„ ๋ณต๊ตฌํ•ด ๋†“๊ณ  ๋ณด๋‹ˆ.. ๋ชจ๋ฐ”์ผ ์ขŒ์šฐ ์Šคํฌ๋กค ๋ฌธ์ œ๋Š” ํ•ด๊ฒฐ๋๋Š”๋ฐ.. ํ™ˆํ™”๋ฉด๋„ ๋‹ค์‹œ ์…‹ํŒ…ํ•ด์•ผ ํ•˜๊ณ , ์‚ฌ์ด๋“œ๋ฐ”๋„ ๋‹ค์‹œ ์†๋ด์•ผ ํ•˜๊ณ .. ๋‚˜๋ˆ” ๊ณ ๋”• ํฐํŠธ ๋ณ€๊ฒฝ ๋ถ€๋ถ„๋„ ๋‹ค์‹œ ์ง‘์–ด ๋„ฃ์–ด์•ผ ํ•˜๊ณ .. ์ €๋… ๋‚ด๋‚ด ์ •์‹ ์—†์—ˆ์Šต๋‹ˆ๋‹ค. 

์ƒ๋‹จ ๋ฉ”๋‰ด๋ฐ”๊ฐ€ ๊ณ ์ •๋˜์–ด ์Šคํฌ๋กค๋‹ค์šด ์‹œ์—๋„ ์นดํ…Œ๊ณ ๋ฆฌ๊ฐ€ ๋…ธ์ถœ๋ฉ๋‹ˆ๋‹ค

๊ทธ๋ž˜๋„ ์ž‘์—…ํ•ด ๋†“๊ณ  ๋ณด๋‹ˆ ๋ธ”๋กœ๊ทธ๊ฐ€ ๋ฉ‹๋“œ๋Ÿฌ์ ธ ๋ณด์ด๋„ค์š”. ์ƒ๋‹จ ๋ฉ”๋‰ด๋ฐ”๊ฐ€ ๊ณ ์ •๋˜์–ด ๊ด€๋ จ ๊ธ€ ์ฐพ๊ธฐ๊ฐ€ ํ›จ์”ฌ ํŽธํ•ด์ง„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. 

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ฑฐ Wonderbout ์™€์นธ๋‹˜์˜ ๋„์›€(wonderbout.tistory.com/39#comment12263339)์„ ๋ฐ›์•„ "์ „์ฒด ๋ถ„๋ฅ˜๋ณด๊ธฐ"๋ฅผ ์นดํ…Œ๊ณ ๋ฆฌ์— ์•ˆ์ „ํ•˜๊ฒŒ (์ฝ”๋“œ ํ˜ผ์„ ์—†์ด) ์ถ”๊ฐ€ํ•ด์„œ ์ƒ๋‹จ ๋ฉ”๋‰ด๋ฐ”์— All๋กœ ๋…ธ์ถœํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜๋Š” ์™€์นธ๋‹˜์ด ์•Œ๋ ค์ค€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค.

<script>
// ์นดํ…Œ๊ณ ๋ฆฌ ์ „์ฒด ๋ถ„๋ฅ˜์˜ ํด๋ž˜์Šค๋ช…์„ ๋ณ€๊ฒฝํ•˜๊ณ  ํ•˜์œ„๋กœ ์ด๋™์‹œํ‚จ ํ›„ li ํƒœ๊ทธ๋กœ ๊ฐ์‹ผ ํ›„ ํ‘œ์‹œํ•œ๋‹ค.
$(".link_tit").attr('class','link_item').prependTo(".category_list").wrap("<li></li>");
</script>

์ด ๋ถ€๋ถ„์„ html ํŒŒ์ผ ๋งˆ์ง€๋ง‰ ๋ถ€๋ถ„ </body>์— ์ฒจ๊ฐ€ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์™“์—๋ฒ„ ์Šคํ‚จ์€ ์ปค๋ฒ„์™€ ์ „์ฒด๊ธ€ ์ค‘ ํ•˜๋‚˜๋ฅผ ํ™ˆ์œผ๋กœ ์„ ํƒํ•ด์•ผ ํ•˜๋Š”๋ฐ.. ์ „์ฒด๊ธ€์„ All ์ด๋ฆ„์œผ๋กœ ๋ฉ”๋‰ด๋ฐ”์— ๋„ฃ์œผ๋‹ˆ ๋‘๊ฐœ์˜ ํ™ˆํ™”๋ฉด์„ ์†Œ์œ ํ•œ ๊ผด์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋งŒ์กฑ์Šค๋Ÿฝ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ SONYLOVE๋‹˜์˜ ๋„์›€(sonylove.tistory.com/2416#comment7987526)์„ ๋ฐ›์•„ "์ „์ฒด ๋ถ„๋ฅ˜๋ณด๊ธฐ" ์ด๋ฆ„๋„ ์นดํ…Œ๊ณ ๋ฆฌ ๊ด€๋ฆฌ์—์„œ ์‰ฝ๊ฒŒ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•˜์Šต๋‹ˆ๋‹ค. ์˜ˆ์ „์— ๊ณต๊ฐœํ•˜์‹  ์Šคํฌ๋ฆฝํŠธ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•๋„ ๋ฌผ๋ก  ๊ฝค ์“ธ๋ชจ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 

<script>
$(".link_tit").text("All")
</script>

์ด๊ฒƒ์„ ์œ— ์Šคํฌ๋ฆฝํŠธ ์œ„์— ๋„ฃ๋Š๋ƒ ์•„๋ž˜์— ๋„ฃ๋Š๋ƒ์— ๋”ฐ๋ผ ๊ฒฐ๊ณผ๊ฐ€ ์‚ด์ง ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ์ €๋Š” ์ „์ž๋ฅผ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค. ์—ญ์‹œ ์„ธ์ƒ์— ๊ณ ์ˆ˜๋‹˜๋“ค์ด ์ •๋ง ๋งŽ๊ณ  ๋ฐฐ์šธ ๊ฒƒ๋„ ๋งŽ์Šต๋‹ˆ๋‹ค. ๋” ๊ฒธ์†ํ•ด์ ธ์•ผ ํ•˜๋Š” ์ด์œ ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

(์ถ”๊ฐ€ 2020/7/28) ์™“์—๋ฒ„ ์Šคํ‚จ์—์„œ ๋ชจ๋ฐ”์ผ ํ™”๋ฉด์˜ ์ขŒ์šฐ ์Šคํฌ๋กค์ด ํ’€๋ ค ์šฐ์ธก์— ๊ณต๋ฐฑ์ด ๋…ธ์ถœ๋˜๋Š” ๋ฌธ์ œ๋ฅผ ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ตญ header์˜ ์‚ฌ์ด์ฆˆ๊ฐ€ ์•ˆ๋งž์•„ ์ƒ๊ธฐ๋Š” ๋ฌธ์ œ ๊ฐ™๊ณ , ์‚ฌ์ด์ฆˆ๋ฅผ 90% ์ •๋„ ์ค„์ด๊ธฐ ์œ„ํ•ด ์•„๋ž˜ ๋ผ์ธ์„ ์ถ”๊ฐ€ํ•˜๋‹ˆ ์ขŒ์šฐ ์Šคํฌ๋กค์ด ๊ณ ์ •๋˜๋„ค์š”. ๋‹ค๋งŒ ๋ชจ๋ฐ”์ผ ๋ฉ”๋‰ด ๋ฒ„ํŠผ ์œ„์น˜๋ฅผ ์กฐ์ •ํ•ด ์ค˜์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@media screen and (max-width: 767px) {
	#header { width: 90%; }
	#header .mobile-menu { padding: 0 10px;}
}
๊ทธ๋ฆฌ๋“œํ˜•(๊ด‘๊ณ ์ „์šฉ)

'Solve > ํ‹ฐ์Šคํ† ๋ฆฌ-์œ ํŠœ๋ธŒ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[์ตœ์ดˆ] ํ‹ฐ์Šคํ† ๋ฆฌ ๋ฐฉ๋ช…๋ก์˜ ์ˆจ๊ฒจ์ง„ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€ ์น˜ํ™˜์ž ๊ณต๊ฐœ  (8) 2020.07.19
ํ‹ฐ์Šคํ† ๋ฆฌ Whatever ์Šคํ‚จ ๊ณต์ง€์‚ฌํ•ญ/๋ฐฉ๋ช…๋ก ๋ฒ„๊ทธ ์žก๊ธฐ - ๋‹คํฌ๋ชจ๋“œ ์ตœ์ ํ™” 4ํƒ„  (0) 2020.07.18
ํ‹ฐ์Šคํ† ๋ฆฌ ๊ตฌ๊ธ€์„œ์น˜์ฝ˜์†” 'ํด๋ฆญํ•  ์ˆ˜ ์žˆ๋Š” ์š”์†Œ๊ฐ€ ์„œ๋กœ ๋„ˆ๋ฌด ๊ฐ€๊นŒ์›€' ์˜ค๋ฅ˜ ํ•ด๊ฒฐ๋ฒ•  (2) 2020.07.06
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋„ค์ด๋ฒ„ ๋…ธ์ถœ ๋ฐ˜ํ† ๋ง‰ ์‚ฌ๊ฑด - ๊ตฌ๊ธ€/๋„ค์ด๋ฒ„/๋‹ค์Œ ๊ฒ€์ƒ‰ ์œ ์ž… ๋น„๊ต - ๋ทฐํƒญ ๋…ธ์ถœ  (10) 2020.07.05
ํ‹ฐ์Šคํ† ๋ฆฌ ์™“์—๋ฒ„ ์Šคํ‚จ ์ˆจ๊ฒจ์ง„ ๋ฒ„๊ทธ ์žก๊ธฐ - ๋‹คํฌ๋ชจ๋“œ 2ํƒ„  (0) 2020.06.19
๊น€์„ ์ƒ FixnSolve ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋‹คํฌ๋ชจ๋“œ ์ถœ์‹œ~ ๋˜ํ•˜๋‚˜์˜ ์—๋„ˆ์ง€ ์ ˆ์•ฝ ์•„์ดํ…œ  (10) 2020.06.09
ํ‹ฐ์Šคํ† ๋ฆฌ ์˜ฌ๋ฆฐ ๊ธ€ ๊ตฌ๊ธ€ ๋””์Šค์ปค๋ฒ„ (ํฌ๋กฌ ์ถ”์ฒœ ๊ธฐ์‚ฌ) ๋ฉ”์ธ ๋…ธ์ถœ ๋์–ด์š”~  (4) 2020.05.13
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋‹ค์Œ ๊ฒ€์ƒ‰ ์œ ์ž… ๋ฌธ์ œ ์žˆ์„ ๋•Œ ํ•ด๊ฒฐ๋ฒ• - ์ €ํ’ˆ์งˆ ํƒˆ์ถœ?  (5) 2020.02.03