IE Not Supported
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ‹ฐ์Šคํ† ๋ฆฌ ์ธ๋„ค์ผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ‹ฐ์Šคํ† ๋ฆฌ ์ธ๋„ค์ผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

์›๋ณธ์€ ๋ญํ•˜๋ผ๋‹˜์˜ ์Šคํฌ๋ฆฝํŠธ์ž…๋‹ˆ๋‹ค. ์›๋ณธ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ og:image์˜ ๊ฒฝ๋กœ ๋ณ€๊ฒฝ ๋•Œ๋ฌธ์— ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์•„์„œ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.๋Œ“๊ธ€ ์ž‘์„ฑ์ž์˜ ์‚ฌ์ง„๋„ ์ œ๋Œ€๋กœ ๊ฐ€์ ธ์˜ค์งˆ ๋ชปํ•˜๋Š” ๊ฒƒ ๊ฐ™์•„ ์‚ญ์ œํ–ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ html์„ ๋ณด์‹œ๋ฉด ์•„์‹œ๊ฒ ์ง€๋งŒ, "tf", "article_thumb"๋ž€ class๋ฅผ ๊ฐ€์ง„ aํƒœ๊ทธ ์•„๋ž˜์— ์žˆ๋Š” "thumb"๋ž€ class๋ฅผ ๊ฐ€์ง„ img์˜ src๋ฅผ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. ์ด์ „ ๊ธ€, ๋‹ค์Œ ๊ธ€์˜ ๋งํฌ ํ˜น์€ ์ตœ๊ทผ ๊ธ€ ๋ชฉ๋ก, ๊ณต์ง€ ๋ชฉ๋ก ๋“ฑ์— ํ™œ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. HTML123 Colored by Color Scriptercsonerror์˜ ๊ฒฝ๋กœ๋Š” ์›ํ•˜์‹œ๋Š” ์ด๋ฏธ์ง€์˜ ๊ฒฝ๋กœ๋กœ ๋ณ€๊ฒฝํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. JS 1234567891011121314151617181920212223242526272829303132333435363738..

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ‹ฐ์Šคํ† ๋ฆฌ์˜ ๋Œ€ํ‘œ ์ด๋ฏธ์ง€๋ฅผ ๋ฐฐ๋„ˆ์— ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ‹ฐ์Šคํ† ๋ฆฌ์˜ ๋Œ€ํ‘œ ์ด๋ฏธ์ง€๋ฅผ ๋ฐฐ๋„ˆ์— ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์ฒ˜์Œ ์‹œ์ž‘ํ–ˆ์„ ๋•Œ, ์ด๋Ÿฐ ๋ฐฉ์‹์ด ์ ์šฉ๋œ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด๊ณ  ๊ด€๋ จ ์ •๋ณด๋ฅผ ํ•œ์ฐธ ์ฐพ์•„๋‹ค๋‹ˆ๋‹ค ํฌ๊ธฐํ–ˆ์—ˆ์Šต๋‹ˆ๋‹ค ใ… ใ… ๋ฐฐ๋„ˆ๋ฅผ ์˜์ƒ์œผ๋กœ ๋„ฃ๊ณ  ์‚ฌ๋Š๋ผ ์žŠ์–ด๋ฒ„๋ฆฌ๊ณ  ์žˆ๋‹ค๊ฐ€, ์ƒˆ๋กœ์šด ์Šคํ‚จ์„ ๋งŒ๋“ค๋ฉฐ ์ƒ๊ฐ์ด ๋‚˜์„œ ์ž‘์—…ํ•ด๋ดค์Šต๋‹ˆ๋‹ค. ์œ„ ์‚ฌ์ง„์ฒ˜๋Ÿผ ๋ฐฐ๋„ˆ๋ฅผ ๊พธ๋ฐ€ ๋•Œ ์‚ฌ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. HTML12345 cs CSS123456789101112131415161718192021222324252627#banner, #blog-banner { width: 100%; height: 50vh} #blog-banner { top: 0; left: 0} #blog-banner .banner_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 50vh; backgroun..

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ•ด์‹œ๋กœ ์ด๋™ํ•˜๋ฉด ํ—ค๋” ๋†’์ด๋งŒํผ ์Šคํฌ๋กค ํ•˜๊ธฐ
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ•ด์‹œ๋กœ ์ด๋™ํ•˜๋ฉด ํ—ค๋” ๋†’์ด๋งŒํผ ์Šคํฌ๋กค ํ•˜๊ธฐ

์‚ฌ์ดํŠธ ๋‚ด๋ถ€์—์„œ ํŠน์ • id๋กœ ์ด๋™ํ•˜๋Š”๋ฐ, ๊ณ ์ •๋œ ํ—ค๋”๊ฐ€ ํŽ˜์ด์ง€ ์ตœ์ƒ๋‹จ์— ์กด์žฌํ•œ๋‹ค๋ฉด, ๋Œ€์ƒ์„ ๊ฐ€๋ ค๋ฒ„๋ฆฝ๋‹ˆ๋‹ค. ์˜ˆ์‹œ)์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ž‘๋™ํ•˜๋Š” ๊ฒฝ์šฐ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ํ•ด์‹œ๋กœ ์ด๋™ํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ ๊ฒฝ์šฐ๋Š”, Z, Xํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ตœ๊ทผ ๊ธ€ / ๋Œ“๊ธ€๋กœ ์ด๋™ํ•˜๋Š” ๊ฒฝ์šฐ์™€ ์ตœ๊ทผ ๋Œ“๊ธ€์„ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ๋Œ“๊ธ€๋กœ ์ด๋™ํ•˜๋Š” ๊ฒฝ์šฐ ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ๊ฒ ๋„ค์š”. 123456789$(window).on("load", function () { $(function () { var c = location.hash, d = c.indexOf("comment"); 0

ํ‹ฐ์Šคํ† ๋ฆฌ ๋Œ“๊ธ€์— ๋งํฌ / ์ด๋ฏธ์ง€ / ๋น„๋””์˜ค ๋„ฃ๊ธฐ
ํ‹ฐ์Šคํ† ๋ฆฌ ๋Œ“๊ธ€์— ๋งํฌ / ์ด๋ฏธ์ง€ / ๋น„๋””์˜ค ๋„ฃ๊ธฐ

์—…๋ฐ์ดํŠธ ๋ฒ„์ „ 20180904 ์—…๋ฐ์ดํŠธ - ํŠธ์œ„ํ„ฐ์˜ jpg:large ์ถ”๊ฐ€ ์œ„๋Š” ์••์ถ•์ด ๋˜์ง€ ์•Š์€ ๋ฒ„์ „, ์•„๋ž˜๋Š” ์••์ถ•๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‚ฌ์šฉํ•˜์‹œ์ง„ ๋ชปํ•˜๊ณ , ๋Œ“๊ธ€์„ ๊ฐ์‹ผ div์— "comment-content"๋ž€ class๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๊ฑฐ๋‚˜, ".comment-content"๋ฅผ ๊ฒ€์ƒ‰ํ•˜์…”์„œ ๋ณธ์ธ์˜ class ๋ช…์œผ๋กœ ๋ณ€๊ฒฝํ•ด์ฃผ์…”์•ผ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. Github์—๋„ ๊ด€๋ จ๋œ ์ž๋ฃŒ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค.์˜ˆ์‹œ1, ์˜ˆ์‹œ2 ๋Œ“๊ธ€์— ๋งํฌ ๋“ฑ์„ ๋‚จ๊ธฐ๋ฉด, ์ด๋Ÿฌํ•œ ์Šคํฌ๋ฆฝํŠธ ์—†์ด๋Š” ์ผ์ผ์ด ๋งํฌ๋ฅผ ๋“œ๋ž˜๊ทธํ•ด์„œ ํ•ด๋‹น ๋งํฌ๋กœ ์ด๋™ํ•˜๊ธฐ๋ฅผ ํด๋ฆญํ•ด์•ผ ํ•˜๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์ด ์žˆ์Šต๋‹ˆ๋‹ค๋งŒ, ์œ„ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์•Œ์•„์„œ ๋งํฌ๋Š” a ํƒœ๊ทธ๋กœ, ๋น„๋””์˜ค๋Š” video ํƒœ๊ทธ๋กœ, ์ด๋ฏธ์ง€๋Š” img ํƒœ๊ทธ๋กœ, ์œ ํŠœ๋ธŒ ๋งํฌ๋Š” iframe์œผ๋กœ ๊ฐ์‹ธ์ค๋‹ˆ๋‹ค. 1234567891..

ํ‹ฐ์Šคํ† ๋ฆฌ ๋Œ“๊ธ€์ด ์ˆ˜์ •๋˜๊ฑฐ๋‚˜ ์ถ”๊ฐ€๋˜๋ฉด ์ƒˆ๋กœ ๊ณ ์นจ
ํ‹ฐ์Šคํ† ๋ฆฌ ๋Œ“๊ธ€์ด ์ˆ˜์ •๋˜๊ฑฐ๋‚˜ ์ถ”๊ฐ€๋˜๋ฉด ์ƒˆ๋กœ ๊ณ ์นจ

์ œ ๋Œ“๊ธ€ ๋””์ž์ธ์ด ํ‹ฐ์Šคํ† ๋ฆฌ์™€ ์ถฉ๋Œ์ด ์žˆ๊ธฐ๋„ ํ•˜๊ณ , ๋งํฌ๋‚˜ ์ด๋ฏธ์ง€๋ฅผ ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ์ฃผ๋Š” ๊ฒƒ๋“ค์ด ๋Œ“๊ธ€์ด ์ˆ˜์ •๋˜๊ฑฐ๋‚˜ ์ถ”๊ฐ€๋˜๋ฉด ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๋ฌธ์ œ ๋•Œ๋ฌธ์— ์ด ์ž‘์—…์„ ํ•˜๊ฒŒ ๋์Šต๋‹ˆ๋‹ค.์Šคํ‚จ์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋Š” ๋„์ค‘์—์•ผ ์ด๊ฑธ ๋งˆ๋ฌด๋ฆฌ ๋ชปํ•œ ๊ฒŒ ์ƒ๊ฐ์ด ๋‚ฌ๋„ค์š”. 1cs ๋จผ์ €, ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ์ œ๊ณตํ•˜๋Š” ์น˜ํ™˜์ž๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.์ด๋ฏธ ์‚ฌ์šฉ ์ค‘์ด์‹œ๋ผ๋ฉด ๊ฑด๋„ˆ๋›ฐ์…”๋„ ๋ฉ๋‹ˆ๋‹ค. 12345$(window).on('load', function () { $('.comment-content, .checker span').bind('DOMNodeInserted DOMNodeRemoved', function () { location.reload() })}); Colored by Color Scriptercs .comment-content๋Š” ๋Œ“๊ธ€์„ ๊ฐ์‹ผ div..

๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์—†์ด ์Šคํฌ๋กค ์ŠคํŒŒ์ด ์‚ฌ์šฉํ•˜๊ธฐ
๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์—†์ด ์Šคํฌ๋กค ์ŠคํŒŒ์ด ์‚ฌ์šฉํ•˜๊ธฐ

์Šคํฌ๋กค ์ŠคํŒŒ์ด๊ฐ€ ๋ฌด์—‡์ธ์ง€๋Š” ์ด ํŽ˜์ด์ง€๋ฅผ ๋ณด์‹œ๋ฉด ํ™•์‹คํžˆ ์•„์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํฌ๋กค ํ•˜์‹œ๋ฉด์„œ ์ขŒ์ธก์— ๊ณ ์ •๋˜์–ด์žˆ๋Š” ์‚ฌ์ง„์„ ์œ ์‹ฌํžˆ ์‚ดํŽด๋ด ์ฃผ์„ธ์š”.๋ถ€ํŠธ์ŠคํŠธ๋žฉ scrollspy๋Š” ์ด๊ณณ์„ ํ™•์ธํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์›น ํŽ˜์ด์ง€์—์„œ ๊ธ€์„ ์ฝ์„ ๋•Œ, ์ข…์ข… ์›ํ•˜๋Š” ์š”์†Œ๋กœ ๋น ๋ฅด๊ฒŒ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฉ”๋‰ด๋ฅผ ์ด์šฉํ•˜๊ณค ํ•ฉ๋‹ˆ๋‹ค.์Šคํฌ๋กค ์ŠคํŒŒ์ด๋Š” ๊ทธ ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฉ”๋‰ด์— ๊ณ๋“ค์—ฌ์„œ, ์‚ฌ์šฉ์ž๊ฐ€ ์ง€๊ธˆ ์–ด๋Š ๋ถ€๋ถ„์„ ๋ณด๊ณ  ์žˆ๋Š”์ง€๋ฅผ ์ง๊ด€์ ์œผ๋กœ ํ‘œ์‹œํ•ด์ฃผ๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. HTML1234567891011121314151617181920212223 #1 #2 #3 #4 #5 cs JS123456789101112131415161718 window.onload = function () { var a, b = $("#scroll-spy"), c = b.ou..

ํ‹ฐ์Šคํ† ๋ฆฌ 404 ํŽ˜์ด์ง€ ๊พธ๋ฏธ๊ธฐ
ํ‹ฐ์Šคํ† ๋ฆฌ 404 ํŽ˜์ด์ง€ ๊พธ๋ฏธ๊ธฐ

ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธ€์„ ์‚ญ์ œํ•˜๊ฑฐ๋‚˜ ๋น„๊ณต๊ฐœ ์ฒ˜๋ฆฌํ•˜๋ฉด ๋ณด์ด๋Š” ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. ํˆฌ๋ฐ•ํ•œ ์ด๋ฏธ์ง€์™€ ํ•จ๊ป˜์ž˜๋ชป๋œ ์ฃผ์†Œ์ด๊ฑฐ๋‚˜, ๋น„๊ณต๊ฐœ ๋˜๋Š” ์‚ญ์ œ๋œ ๊ธ€์ž…๋‹ˆ๋‹ค.๋ผ๋Š” ๊ธ€์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ๊ธ€ ๋‚ด์šฉ์„ ๊ฐ์‹ธ๋Š” ์ปจํ…Œ์ด๋„ˆ ์•ˆ์— ๋“ค์–ด๊ฐ€๋Š” ๊ฒƒ๋„ ์•„๋‹ˆ๋ผ์„œ, ๋ณธ๋ž˜ ์˜๋„ํ–ˆ๋˜ ๋ชจ์Šต๊ณผ๋Š” ๋งŽ์ด ๋‹ค๋ฅธ ํŽ˜์ด์ง€๊ฐ€ ๋ณด์ด๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.๊ฐ„๋‹จํ•œ ์Šคํฌ๋ฆฝํŠธ์™€ css๋ฅผ ํ†ตํ•ด ์ด๋ฅผ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 123456$(function () { var d = $("article_container"), e = $(".absent_post").length, f = $(".article_container div"); 0

1
์Šคํ‚จ/์Šคํ‚จ ๋ชฉ๋ก
์žก๋‹ด
๊ฐค๋Ÿฌ๋ฆฌ