skin
์Šคํ‚จ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ™ˆํ™”๋ฉด ์นดํ…Œ๊ณ ๋ฆฌ ๊ธ€ ๋ชฉ๋ก ๊ฐค๋Ÿฌ๋ฆฌํ˜• ๋ชฉ๋ก ๋ณธ๋ฌธ ๋ณดํ˜ธ๊ธ€ ๊ณต์ง€ ํƒœ๊ทธ ๋Œ“๊ธ€, ๋ฐฉ๋ช…๋ก ์Šคํ‚จ ์•ˆ๋‚ด ํฌ๋กฌ ์ตœ์ ํ™” ๋ฐ˜์‘ํ˜• ์ฃผ์˜/์œ ์˜ ์‚ฌํ•ญ ์นดํ”ผ๋ผ์ดํŠธ ์ œ๊ฑฐ, ์ˆ˜์ • ๊ธˆ์ง€ ์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ์†Œ์Šค ํ•ด๋‹น ์Šคํ‚จ ์™ธ์˜ ๋‹ค๋ฅธ ๊ณณ์— ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š” ์ˆ˜์ •O ์žฌ๋ฐฐํฌ,๊ณต์œ  X ํŒ๋งค ์˜ต์…˜(๋ฆฌ๋ทฐ ๊ฒŒ์‹œํŒ, ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ฒŒ์‹œํŒ)๊ณผ ๋น„์Šทํ•œ ์ˆ˜์ • X ์Šคํ‚จ ์„ค์ • ๊พธ๋ฏธ๊ธฐ - ์Šคํ‚จ ํŽธ์ง‘ - ๊ธ€ ๋ชฉ๋ก ํ˜•ํƒœ : ๋ชฉ๋ก+๋‚ด์šฉ ๊พธ๋ฏธ๊ธฐ - ๋ชจ๋ฐ”์ผ - ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ด€๋ฆฌํ™ˆ์€ a ๋ˆ„๋ฅด๋ฉด ์—ด๋ฆฝ๋‹ˆ๋‹ค(๋‹จ์ถ•ํ‚ค) ๊ธ€์“ฐ๊ธฐ๋Š” w ๋ˆ„๋ฅด๋ฉด ๋ฉ๋‹ˆ๋‹ค(๋‹จ์ถ•ํ‚ค) ์Šคํ‚จ ์ˆ˜์ • ์›๋ž˜ ํ—ค๋“œ ๋ถ€๋ถ„์— ์นดํ…Œ๊ณ ๋ฆฌ ํ™”๋ฉด์ฒ˜๋Ÿผ guestbook์ด ์ ํ˜€์žˆ์–ด์•ผ ๋˜๋Š”๋ฐ ์‹ค์ˆ˜๋กœ ์ž˜๋ชป๋œ ๊ณณ์— ๋„ฃ๋Š” ๋ฐ”๋žŒ์— ๋“ฑ๋ก๋œ ๋ฐฉ๋ช…๋ก์ด ์—†์œผ๋ฉด ๊ณต๋ฐฑ์œผ๋กœ ๋‚˜์™€์„œ ์ด ๋ถ€๋ถ„์— ๋Œ€ํ•œ ์ˆ˜์ • ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค ์Šคํ‚จ ํŽธ์ง‘ - h..
์Šคํ‚จ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ™ˆํ™”๋ฉด ์นดํ…Œ๊ณ ๋ฆฌ ๊ณต์ง€ ๋ชฉ๋ก ๊ฐค๋Ÿฌ๋ฆฌํ˜• ๋ณธ๋ฌธ ๋ณดํ˜ธ๊ธ€ ํƒœ๊ทธ ๋Œ“๊ธ€, ๋ฐฉ๋ช…๋ก ์Šคํ‚จ ์•ˆ๋‚ด ํฌ๋กฌ ์ตœ์ ํ™” ๋ฐ˜์‘ํ˜• ๋ฉ”์ธ ํ™”๋ฉด ์‚ฌ์ง„์€ ๋ˆ„๋ฅด๋ฉด ์‚ฌ๋ผ์ง ์นดํ…Œ๊ณ ๋ฆฌ๋Š” ์ œ๋ชฉ ๋ˆ„๋ฅด๋ฉด ๋‚˜์˜ด ๋‹จ์ถ•ํ‚ค w : ์ƒˆ ๊ธ€ ์“ฐ๊ธฐ a : ๊ด€๋ฆฌํ™ˆ ์ฃผ์˜/์œ ์˜ ์‚ฌํ•ญ ์นดํ”ผ๋ผ์ดํŠธ ์ œ๊ฑฐ, ์ˆ˜์ • ๊ธˆ์ง€ ์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ์†Œ์Šค ํ•ด๋‹น ์Šคํ‚จ ์™ธ์˜ ๋‹ค๋ฅธ ๊ณณ์— ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š” ์ˆ˜์ •O ์žฌ๋ฐฐํฌ,๊ณต์œ  X ํŒ๋งค ์˜ต์…˜(๋ฆฌ๋ทฐ ๊ฒŒ์‹œํŒ, ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ฒŒ์‹œํŒ)๊ณผ ๋น„์Šทํ•œ ์ˆ˜์ • X ์Šคํ‚จ ์„ค์ • ๊พธ๋ฏธ๊ธฐ - ์Šคํ‚จ ํŽธ์ง‘ - ๊ธ€ ๋ชฉ๋ก ํ˜•ํƒœ : ๋ชฉ๋ก+๋‚ด์šฉ ๊พธ๋ฏธ๊ธฐ - ๋ชจ๋ฐ”์ผ - ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฆฌ์ŠคํŠธ์— ๊ธ€์ด ์—†๋Š” ๊ฒฝ์šฐ ๋ณด์ด๋Š” ์˜์—ญcss์— .s-list-empty { padding: 70px 15px; text-align: center; position: absolute; top: 50%;..
ํ‹ฐ์Šคํ† ๋ฆฌ๊ฐ€ ๊ณต์ง€๋„ ์—†์ด ๋‚ ์งœ ๊ตฌ์กฐ๋ฅผ ๋ณ€๊ฒฝํ•œ ๊ด€๊ณ„๋กœ.. ์ˆ˜์ • ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ํ˜น์‹œ ๋ณธ๋ฌธ์— ์—†๋Š” ํ˜•์‹์€ ๋Œ“๊ธ€๋กœ ๋ฌธ์˜ํ•ด์ฃผ์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. ์ €๋Š” ์ „๋ฌธ๊ฐ€๊ฐ€ ์•„๋‹ˆ๋ฉฐ ์ด ๋ฐฉ๋ฒ•์€ ์ž„์‹œ๋ฐฉํŽธ์ผ ๋ฟ์ž…๋‹ˆ๋‹ค.(์กฐ์–ธ์€ ๋ฐ›์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค) (์ œ๊ฐ€ ๋ฐฐํฌ, ํŒ๋งคํ•œ ์Šคํ‚จ ํ•œ์ •์ด๋ฉฐ ๋‹ค๋ฅธ ๋ถ„์ด ์ œ์ž‘ํ•œ ์Šคํ‚จ์˜ ์˜ค๋ฅ˜๋Š” ๋‹ตํ•ด๋“œ๋ฆฌ๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค.) !์žฌ์—…ํ•˜์ง€ ๋งˆ์„ธ์š”! ์›๋ž˜ ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ ์งœ ํ˜•์‹์ด yyyy.mm.dd HH:MM ์ด๊ฑฐ์˜€๋Š”๋ฐ yyyy. m(๋‘ ์ž๋ฆฟ์ˆ˜๋ฉด mm). d(๋‘ ์ž๋ฆฟ์ˆ˜๋ฉด dd). HH:MM ์ด๋Ÿฐ ์‹์œผ๋กœ ๋ฐ”๋€Œ์—ˆ์Šต๋‹ˆ๋‹ค.. ๊ทธ๋ž˜์„œ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ œ๋Œ€๋กœ ์ž‘๋™๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค..... (๊ตฌ๊ตฌ์ ˆ์ ˆ ํ•˜์†Œ์—ฐ) html์—์„œ ์ปจํŠธ๋กค+f ๋กœ date๋ฅผ ์ฐพ์€ ํ›„ ๊ทธ ์•ˆ์— ์žˆ๋Š” ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. (์—ฌ๋Ÿฌ ๊ฐœ๋‹ˆ๊นŒ ์ž˜ ๋ณด๊ณ  ์ˆ˜์ •ํ•ด์•ผ ๋จ) (, ์ด ๋‘ ์น˜..
์Šคํ‚จ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ชฉ๋ก ๊ฐค๋Ÿฌ๋ฆฌํ˜• ์•„์ฝ”๋””์–ธ ๋ชฉ๋ก ๋ณธ๋ฌธ ๋ณดํ˜ธ๊ธ€ ๋Œ“๊ธ€, ๋ฐฉ๋ช…๋ก ๊ณต์ง€ ํƒœ๊ทธ ํด๋ผ์šฐ๋“œ ์Šคํ‚จ ์•ˆ๋‚ด ํฌ๋กฌ ์ตœ์ ํ™” ๋ฐ˜์‘ํ˜• ์ฃผ์˜/์œ ์˜ ์‚ฌํ•ญ ์นดํ”ผ๋ผ์ดํŠธ ์ œ๊ฑฐ, ์ˆ˜์ • ๊ธˆ์ง€ ์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ์†Œ์Šค ํ•ด๋‹น ์Šคํ‚จ ์™ธ์˜ ๋‹ค๋ฅธ ๊ณณ์— ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š” ์ˆ˜์ •O ์žฌ๋ฐฐํฌ,๊ณต์œ X ํŒ๋งค ์˜ต์…˜(๋ฆฌ๋ทฐ ๊ฒŒ์‹œํŒ, ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ฒŒ์‹œํŒ)๊ณผ ๋น„์Šทํ•œ ์ˆ˜์ • X ์นดํ…Œ๊ณ ๋ฆฌ๋Š” 4~5๊ฐœ๋งŒ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๊ณ  ์นดํ…Œ๊ณ ๋ฆฌ๋ช…์ด ๋„ˆ๋ฌด ๊ธธ๋ฉด ์ด์ƒํ•˜๊ฒŒ ์ถœ๋ ฅ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํ‚จ ์„ค์ • ๊พธ๋ฏธ๊ธฐ - ์Šคํ‚จ ํŽธ์ง‘ - ๊ธ€ ๋ชฉ๋ก ํ˜•ํƒœ : ๋ชฉ๋ก+๋‚ด์šฉ ๊พธ๋ฏธ๊ธฐ - ๋ชจ๋ฐ”์ผ - ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ด€๋ฆฌํ™ˆ์€ a ๋ˆ„๋ฅด๋ฉด ์—ด๋ฆฝ๋‹ˆ๋‹ค(๋‹จ์ถ•ํ‚ค) ์กฐ๊ฑด 2019๋…„ 9์›” 12์ผ ์ด์ „์— ์ œ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…ํ•˜์‹  ๋ถ„ (์ด ๊ธ€์€ 2019๋…„์— ์ž‘์„ฑ๋œ ๊ธ€์ž…๋‹ˆ๋‹ค) ์„ฑ์˜ ๋Œ“๊ธ€ (์žฅ๋ฌธ์˜ ํŽธ์ง€๋ฅผ ์›ํ•˜์ง„ ์•Š์Šต๋‹ˆ๋‹ค ๊ณ ๋ง™๋‹ค๋Š” ์ธ์‚ฌ์กฐ์ฐจ ์•ˆ ํ•˜์‹œ..
ํ‹ฐ์Šคํ† ๋ฆฌ๊ฐ€ ๋”๋ณด๊ธฐ๋ฅผ ์ˆ˜์ •ํ•ด์„œ ์˜ค๋ฅ˜ ์•„๋‹Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋„ค์š”... css๋งŒ ์กฐ๊ธˆ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค..... ์ œ๊ฐ€ ๋งŒ๋“  ์Šคํ‚จ ๊ธฐ์ค€์ž…๋‹ˆ๋‹ค .btn_more:before { font-family: "xeicon"; content: "\e914"; margin-right: 2px; font-weight: bold; } .btn_more, .btn_less { font-size: 11px !important; height: unset !important; line-height: unset !important; margin: 0 !important; } .btn_less::before, .btn_more::before { font-size: 11px !important; vertical-align: unset !im..




์Šคํ‚จ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

ํ™ˆํ™”๋ฉด

์นดํ…Œ๊ณ ๋ฆฌ

๊ธ€ ๋ชฉ๋ก

๊ฐค๋Ÿฌ๋ฆฌํ˜• ๋ชฉ๋ก

๋ณธ๋ฌธ

๋ณดํ˜ธ๊ธ€

๊ณต์ง€

ํƒœ๊ทธ

๋Œ“๊ธ€, ๋ฐฉ๋ช…๋ก




์Šคํ‚จ ์•ˆ๋‚ด

ํฌ๋กฌ ์ตœ์ ํ™”

๋ฐ˜์‘ํ˜•




์ฃผ์˜/์œ ์˜ ์‚ฌํ•ญ

์นดํ”ผ๋ผ์ดํŠธ ์ œ๊ฑฐ, ์ˆ˜์ • ๊ธˆ์ง€

์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ์†Œ์Šค ํ•ด๋‹น ์Šคํ‚จ ์™ธ์˜ ๋‹ค๋ฅธ ๊ณณ์— ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š”

์ˆ˜์ •O ์žฌ๋ฐฐํฌ,๊ณต์œ  X

ํŒ๋งค ์˜ต์…˜(๋ฆฌ๋ทฐ ๊ฒŒ์‹œํŒ, ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ฒŒ์‹œํŒ)๊ณผ ๋น„์Šทํ•œ ์ˆ˜์ • X




์Šคํ‚จ ์„ค์ •

๊พธ๋ฏธ๊ธฐ - ์Šคํ‚จ ํŽธ์ง‘ - ๊ธ€ ๋ชฉ๋ก ํ˜•ํƒœ : ๋ชฉ๋ก+๋‚ด์šฉ

๊พธ๋ฏธ๊ธฐ - ๋ชจ๋ฐ”์ผ - ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๊ด€๋ฆฌํ™ˆ์€ a ๋ˆ„๋ฅด๋ฉด ์—ด๋ฆฝ๋‹ˆ๋‹ค(๋‹จ์ถ•ํ‚ค)

๊ธ€์“ฐ๊ธฐ๋Š” w ๋ˆ„๋ฅด๋ฉด ๋ฉ๋‹ˆ๋‹ค(๋‹จ์ถ•ํ‚ค)




์Šคํ‚จ ์ˆ˜์ •




์กฐ๊ฑด

์„ฑ์˜ ๋Œ“๊ธ€

(์žฅ๋ฌธ์˜ ํŽธ์ง€๋ฅผ ์›ํ•˜์ง„ ์•Š์Šต๋‹ˆ๋‹ค ๊ณ ๋ง™๋‹ค๋Š” ์ธ์‚ฌ์กฐ์ฐจ ์•ˆ ํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ๋งŽ์•„์„œ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.)




๋ฐฐํฌ ์ข…๋ฃŒ๋์Šต๋‹ˆ๋‹ค

์งˆ๋ฌธ์€ ์ €์—๊ฒŒ ํ•ด์ฃผ์„ธ์š”(์Šคํ‚จ ์†Œ์Šค ๋‹ค๋ฅธ ๊ณณ์— ์˜ฌ๋ฆฌ์ง€ ๋ง์•„์ฃผ์„ธ์š”)

๊ตฌ๊ธ€์— ๊ฒ€์ƒ‰ํ•˜๋ฉด ๋‚˜์˜ค๋Š” ๊ฐ„๋‹จํ•œ ์งˆ๋ฌธ์—” ๋‹ต๋ณ€ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค

์งˆ๋ฌธ์€ ์ƒˆ ๋Œ“๊ธ€๋กœ ๋‚จ๊ฒจ์ฃผ์„ธ์š” (๊ณต๊ฐœ ๋Œ“๊ธ€๋กœ)




์Šคํ‚จ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

ํ™ˆํ™”๋ฉด

์นดํ…Œ๊ณ ๋ฆฌ

๊ณต์ง€

๋ชฉ๋ก

๊ฐค๋Ÿฌ๋ฆฌํ˜•

๋ณธ๋ฌธ

๋ณดํ˜ธ๊ธ€

ํƒœ๊ทธ

๋Œ“๊ธ€, ๋ฐฉ๋ช…๋ก




์Šคํ‚จ ์•ˆ๋‚ด

ํฌ๋กฌ ์ตœ์ ํ™”

๋ฐ˜์‘ํ˜•

๋ฉ”์ธ ํ™”๋ฉด ์‚ฌ์ง„์€ ๋ˆ„๋ฅด๋ฉด ์‚ฌ๋ผ์ง

์นดํ…Œ๊ณ ๋ฆฌ๋Š” ์ œ๋ชฉ ๋ˆ„๋ฅด๋ฉด ๋‚˜์˜ด

๋‹จ์ถ•ํ‚ค

w : ์ƒˆ ๊ธ€ ์“ฐ๊ธฐ

a : ๊ด€๋ฆฌํ™ˆ




์ฃผ์˜/์œ ์˜ ์‚ฌํ•ญ

์นดํ”ผ๋ผ์ดํŠธ ์ œ๊ฑฐ, ์ˆ˜์ • ๊ธˆ์ง€

์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ์†Œ์Šค ํ•ด๋‹น ์Šคํ‚จ ์™ธ์˜ ๋‹ค๋ฅธ ๊ณณ์— ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š”

์ˆ˜์ •O ์žฌ๋ฐฐํฌ,๊ณต์œ  X

ํŒ๋งค ์˜ต์…˜(๋ฆฌ๋ทฐ ๊ฒŒ์‹œํŒ, ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ฒŒ์‹œํŒ)๊ณผ ๋น„์Šทํ•œ ์ˆ˜์ • X




์Šคํ‚จ ์„ค์ •

๊พธ๋ฏธ๊ธฐ - ์Šคํ‚จ ํŽธ์ง‘ - ๊ธ€ ๋ชฉ๋ก ํ˜•ํƒœ : ๋ชฉ๋ก+๋‚ด์šฉ

๊พธ๋ฏธ๊ธฐ - ๋ชจ๋ฐ”์ผ - ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.




๋ฆฌ์ŠคํŠธ์— ๊ธ€์ด ์—†๋Š” ๊ฒฝ์šฐ ๋ณด์ด๋Š” ์˜์—ญ

css์—

.s-list-empty {

padding: 70px 15px;

text-align: center;

position: absolute;

top: 50%; 

left: 50%; 

transform: translate(-50%, -50%); 

-ms-transform: translate(-50%, -50%); 

font-weight: bold;

cursor: default;

font-size: 10px;

}

์ด๊ฑฐ ์ถ”๊ฐ€




์งˆ๋ฌธ์€ ์ €์—๊ฒŒ ํ•ด์ฃผ์„ธ์š”(์Šคํ‚จ ์†Œ์Šค ๋‹ค๋ฅธ ๊ณณ์— ์˜ฌ๋ฆฌ์ง€ ๋ง์•„์ฃผ์„ธ์š”)

๊ตฌ๊ธ€์— ๊ฒ€์ƒ‰ํ•˜๋ฉด ๋‚˜์˜ค๋Š” ๊ฐ„๋‹จํ•œ ์งˆ๋ฌธ์—” ๋‹ต๋ณ€ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค

ํ‹ฐ์Šคํ† ๋ฆฌ๊ฐ€ ๊ณต์ง€๋„ ์—†์ด ๋‚ ์งœ ๊ตฌ์กฐ๋ฅผ ๋ณ€๊ฒฝํ•œ ๊ด€๊ณ„๋กœ.. ์ˆ˜์ • ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

ํ˜น์‹œ ๋ณธ๋ฌธ์— ์—†๋Š” ํ˜•์‹์€ ๋Œ“๊ธ€๋กœ ๋ฌธ์˜ํ•ด์ฃผ์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค.

์ €๋Š” ์ „๋ฌธ๊ฐ€๊ฐ€ ์•„๋‹ˆ๋ฉฐ ์ด ๋ฐฉ๋ฒ•์€ ์ž„์‹œ๋ฐฉํŽธ์ผ ๋ฟ์ž…๋‹ˆ๋‹ค.(์กฐ์–ธ์€ ๋ฐ›์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค)

(์ œ๊ฐ€ ๋ฐฐํฌ, ํŒ๋งคํ•œ ์Šคํ‚จ ํ•œ์ •์ด๋ฉฐ ๋‹ค๋ฅธ ๋ถ„์ด ์ œ์ž‘ํ•œ ์Šคํ‚จ์˜ ์˜ค๋ฅ˜๋Š” ๋‹ตํ•ด๋“œ๋ฆฌ๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค.)

!์žฌ์—…ํ•˜์ง€ ๋งˆ์„ธ์š”!

 

 

 

์›๋ž˜ ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ ์งœ ํ˜•์‹์ด yyyy.mm.dd HH:MM ์ด๊ฑฐ์˜€๋Š”๋ฐ

yyyy. m(๋‘ ์ž๋ฆฟ์ˆ˜๋ฉด mm). d(๋‘ ์ž๋ฆฟ์ˆ˜๋ฉด dd). HH:MM ์ด๋Ÿฐ ์‹์œผ๋กœ ๋ฐ”๋€Œ์—ˆ์Šต๋‹ˆ๋‹ค.. ๊ทธ๋ž˜์„œ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ œ๋Œ€๋กœ ์ž‘๋™๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.....

(๊ตฌ๊ตฌ์ ˆ์ ˆ ํ•˜์†Œ์—ฐ)

 

 

 

html์—์„œ ์ปจํŠธ๋กค+f ๋กœ date๋ฅผ ์ฐพ์€ ํ›„ ๊ทธ ์•ˆ์— ์žˆ๋Š” ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. (์—ฌ๋Ÿฌ ๊ฐœ๋‹ˆ๊นŒ ์ž˜ ๋ณด๊ณ  ์ˆ˜์ •ํ•ด์•ผ ๋จ)

(, ์ด ๋‘ ์น˜ํ™˜์ž๋งŒ ๋ณ€๊ฒฝ๋œ ๊ฒƒ์œผ๋กœ ๋ณด์—ฌ์š” ์ด ๋‘ ์น˜ํ™˜์ž๊ฐ€ ๋“ค์–ด๊ฐ€๋Š” ๋ถ€๋ถ„๋งŒ ์ˆ˜์ •ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค)




Dec 2 2019 ํ˜•์‹

// var d = '์น˜ํ™˜์ž์น˜ํ™˜์ž์น˜ํ™˜์ž'.split(/[.| |:]/); ๋Œ€์ถฉ ์ด๋ ‡๊ฒŒ ์ƒ๊ธด ๋ถ€๋ถ„์„ ์ˆ˜์ •ํ•˜๋ฉด ๋˜๋Š”๋ฐ ์น˜ํ™˜์ž ์ž˜ ๋ณด๊ณ  ๋งž๊ฒŒ ์ˆ˜์ •ํ•ด์•ผ ๋จ

//1. ๋ณธ๋ฌธ, ์ธ๋ฑ์Šค ๋ชฉ๋ก
var d = ''.split(/[.| |:]/);
//2. ๊ณต์ง€
var d = ''.split(/[.| |:]/);

// ์ด๊ฑธ ์•„๋ž˜์ฒ˜๋Ÿผ ์ˆ˜์ •

//1. ๋ณธ๋ฌธ, ์ธ๋ฑ์Šค ๋ชฉ๋ก
var d = ''.replace(/ /gi, "").split(/[.| |:]/);
//2. ๊ณต์ง€
var d = ''.replace(/ /gi, "").split(/[.| |:]/);




12.02 ํ˜•์‹

/*
MM = TDate.substr(5,2);
DD = TDate.substr(8,2);

์ด๋ ‡๊ฒŒ ๋ผ์žˆ๋Š” ๋ถ€๋ถ„ ์ˆ˜์ •ํ•˜๋ฉด ๋จ
(์„ธ๋ถ€ ๋‚ ์งœ ์น˜ํ™˜์ž๋ฅผ ์—†์•จ์ง€๋„ ๋ชจ๋ฅด์ง€๋งŒ.. ์ผ๋‹จ ์ง€๊ธˆ์€ ์žˆ์œผ๋‹ˆ ์ด๊ฑธ ์ด์šฉํ•˜๋„๋ก ํ•ฉ์‹œ๋‹ค...)
*/

//1. ๋ณธ๋ฌธ, ์ธ๋ฑ์Šค ๋ชฉ๋ก
MM = '';
DD = '';

//2. ๊ณต์ง€
MM = '';
DD = '';

 

 

 

ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„์€ ๋Œ“๊ธ€๋กœ ๋‚จ๊ฒจ์ฃผ์„ธ์š”.

ํŒ๋งค ์Šคํ‚จ ์ˆ˜์ •ํ•˜๋ฉด์„œ ๋” ์ถ”๊ฐ€๋  ๊ฐ€๋Šฅ์„ฑ ์žˆ์Šต๋‹ˆ๋‹ค.




+) ์–ด์ œ ๋ฌธ์˜ ํ–ˆ์—ˆ๋Š”๋ฐ ์ด๋Ÿฐ ๋‹ต๋ณ€์ด ์™”๋„ค์š” ํ•˜ํ•˜.... ์„ฑ์˜์žˆ๋Š” ๋‹ต๋ณ€ ์ฒ˜์Œ ๋ฐ›์•„๋ด์š”

.tx-quote-tistory, blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='normal'], blockquote[data-ke-style='normal'], blockquote[data-ke-style='style2'], #tt-body-page blockquote[data-ke-style='style2'], blockquote[data-ke-style='style3'], #tt-body-page blockquote[data-ke-style='style3'] {
	padding: 7px !important; /* ์—ฌ๋ฐฑ */
	border: 1px solid #dadada !important; /* ์„  */
	background: none !important;
}
blockquote, blockquote p {
	font-size: 11px !important; /* ํฐํŠธ ์‚ฌ์ด์ฆˆ */
	line-height: unset !important;
}

 

์™œ ์ž๊พธ ์ˆ˜์ •ํ•˜๋Š” ๊ฑด์ง€....




์Šคํ‚จ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

๋ชฉ๋ก

๊ฐค๋Ÿฌ๋ฆฌํ˜•

์•„์ฝ”๋””์–ธ ๋ชฉ๋ก

๋ณธ๋ฌธ

๋ณดํ˜ธ๊ธ€

๋Œ“๊ธ€, ๋ฐฉ๋ช…๋ก

๊ณต์ง€

ํƒœ๊ทธ ํด๋ผ์šฐ๋“œ




์Šคํ‚จ ์•ˆ๋‚ด

ํฌ๋กฌ ์ตœ์ ํ™”

๋ฐ˜์‘ํ˜•




์ฃผ์˜/์œ ์˜ ์‚ฌํ•ญ

์นดํ”ผ๋ผ์ดํŠธ ์ œ๊ฑฐ, ์ˆ˜์ • ๊ธˆ์ง€

์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ์†Œ์Šค ํ•ด๋‹น ์Šคํ‚จ ์™ธ์˜ ๋‹ค๋ฅธ ๊ณณ์— ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š”

์ˆ˜์ •O ์žฌ๋ฐฐํฌ,๊ณต์œ X

ํŒ๋งค ์˜ต์…˜(๋ฆฌ๋ทฐ ๊ฒŒ์‹œํŒ, ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ฒŒ์‹œํŒ)๊ณผ ๋น„์Šทํ•œ ์ˆ˜์ • X

์นดํ…Œ๊ณ ๋ฆฌ๋Š” 4~5๊ฐœ๋งŒ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๊ณ  ์นดํ…Œ๊ณ ๋ฆฌ๋ช…์ด ๋„ˆ๋ฌด ๊ธธ๋ฉด ์ด์ƒํ•˜๊ฒŒ ์ถœ๋ ฅ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.




์Šคํ‚จ ์„ค์ •

๊พธ๋ฏธ๊ธฐ - ์Šคํ‚จ ํŽธ์ง‘ - ๊ธ€ ๋ชฉ๋ก ํ˜•ํƒœ : ๋ชฉ๋ก+๋‚ด์šฉ

๊พธ๋ฏธ๊ธฐ - ๋ชจ๋ฐ”์ผ - ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๊ด€๋ฆฌํ™ˆ์€ a ๋ˆ„๋ฅด๋ฉด ์—ด๋ฆฝ๋‹ˆ๋‹ค(๋‹จ์ถ•ํ‚ค)




์กฐ๊ฑด

2019๋…„ 9์›” 12์ผ ์ด์ „์— ์ œ ๋ธ”๋กœ๊ทธ ๊ตฌ๋…ํ•˜์‹  ๋ถ„ (์ด ๊ธ€์€ 2019๋…„์— ์ž‘์„ฑ๋œ ๊ธ€์ž…๋‹ˆ๋‹ค)

์„ฑ์˜ ๋Œ“๊ธ€

(์žฅ๋ฌธ์˜ ํŽธ์ง€๋ฅผ ์›ํ•˜์ง„ ์•Š์Šต๋‹ˆ๋‹ค ๊ณ ๋ง™๋‹ค๋Š” ์ธ์‚ฌ์กฐ์ฐจ ์•ˆ ํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ๋งŽ์•„์„œ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.)




์†Œ์†Œํ•œ ์ˆ˜์ • ํŒ




๊ฒ€์ƒ‰ํ•˜๋ฉด ๋‚˜์˜ค๋Š” ๊ฐ„๋‹จํ•œ ๊ฒƒ์€ ๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค ์งˆ๋ฌธ ๋Œ“๊ธ€์€ ๊ณต๊ฐœ & ์ƒˆ ๋Œ“๊ธ€๋กœ ๋‚จ๊ฒจ์ฃผ์„ธ์š”.

์ œ ์Šคํ‚จ์— ๋Œ€ํ•œ ์งˆ๋ฌธ์€ ๋˜๋„๋ก์ด๋ฉด ์ €ํ•œํ…Œ ํ•ด์ฃผ์„ธ์š” ์ฝ”๋“œ ๋‹ค๋ฅธ ๊ณณ์— ์˜ฌ๋ฆฌ์ง€ ๋งˆ์„ธ์š”

ํ‹ฐ์Šคํ† ๋ฆฌ๊ฐ€ ๋”๋ณด๊ธฐ๋ฅผ ์ˆ˜์ •ํ•ด์„œ ์˜ค๋ฅ˜ ์•„๋‹Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋„ค์š”... 

css๋งŒ ์กฐ๊ธˆ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.....

 

์ œ๊ฐ€ ๋งŒ๋“  ์Šคํ‚จ ๊ธฐ์ค€์ž…๋‹ˆ๋‹ค

 

.btn_more:before { 
	font-family: "xeicon"; 
	content: "\e914";
	margin-right: 2px; 
	font-weight: bold;
}
.btn_more, .btn_less {
	font-size: 11px !important;
	height: unset !important;
	line-height: unset !important;
	margin: 0 !important;
}
.btn_less::before, .btn_more::before {
	font-size: 11px !important;
	vertical-align: unset !important;
}
.btn_less:before { 
	font-family: 'xeicon'; 
	content: '\e91b';
	margin-right: 2px;
	font-weight: bold;
}

css์— ์ด๊ฑฐ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค

(์–ด๋””์— ๋„ฃ์–ด์•ผ ๋ ์ง€ ๋ชจ๋ฅด๊ฒ ์œผ๋ฉด ๊ทธ๋ƒฅ css์—์„œ ๋”๋ณด๊ธฐ ์ฐพ์€ ํ›„ ๋ฐ‘์— ๋ถ™์—ฌ ๋„ฃ๊ธฐ ํ•ด์ฃผ์„ธ์š” ํ˜น์‹œ ๋ชจ๋ฅด๋‹ˆ๊นŒ ์›๋ž˜ ์žˆ๋˜ ๊ฒƒ๋“ค์€ ์ˆ˜์ •ํ•˜์ง€ ๋ง์•„ ์ฃผ์„ธ์š”)

 

.btn_more : ๋”๋ณด๊ธฐ

.btn_less : ์ ‘๊ธฐ

 

์ ‘๊ธฐ๋ฅผ ์•ˆ์œผ๋กœ ๋„ฃ๋Š” ๋ฐ”๋žŒ์—..... ์—ฌ๋ฐฑ์„ ์ฃผ๊ณ  ์‹ถ๋‹ค๋ฉด

.btn_less {
	display: block;
	margin: 5px 0;
}

์ด๊ฑธ ๋„ฃ์–ด์ฃผ์„ธ์š”

๊ทผ๋ฐ ์œ„์•„๋ž˜ ๊ตฌ๋ถ„์ด ์—†์–ด์„œ (์›๋žœ moreless_top, moreless_bottom ์ด๋ ‡๊ฒŒ ๊ตฌ๋ถ„๋˜์–ด ์žˆ์—ˆ์Œ)

์ƒํ•˜ ๋‘˜ ๋‹ค ๋˜‘๊ฐ™์ด ์ฃผ๋Š” ๋ฐฉ๋ฒ•๋ฐ–์— ์—†์–ด์š”..^^......