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

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ280

์„ฑ๊ท ๊ด€๋Œ€ ํ•™๋ถ€์ƒ ์ž„์ง€ํ˜œ 4์ง„๋ฒ• ๋ฐ˜๋„์ฒด 3์ง„๋ฒ• ๋ฐ˜๋„์ฒด์— ํ•˜๋‚˜ ๋” ์ถ”๊ฐ€ ๋ฌป๊ณ  ๋”๋ธ”๋กœ๊ฐ€~ 4์ง„๋ฒ• ๋ฐ˜๋„์ฒด ๋“ฑ์žฅ, ํ•˜๋‚˜ ๋” ์ถ”๊ฐ€ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์„ฑ๊ท ๊ด€๋Œ€ ํ•™๋ถ€์ƒ 4์ง„๋ฒ• ๋ฐ˜๋„์ฒด 3์ง„๋ฒ• ๋ฐ˜๋„์ฒด์— ํ•˜๋‚˜ ๋” ์ถ”๊ฐ€ ๋ฌป๊ณ  ๋”๋ธ”๋กœ๊ฐ€~ 3์ง„๋ฒ• ๋ฐ˜๋„์ฒด ์†Œ์ž๋ฅผ ๊ฐœ๋ฐœํ•œ ์„ฑ๊ท ๊ด€๋Œ€ ๋ฐ•์ง„ํ™ ๊ต์ˆ˜ํŒ€์˜ ํ•™๋ถ€์ƒ์˜ ์—ฐ๊ตฌ ์ฃผ๋„๋กœ 4์ง„๋ฒ• ๋ฐ˜๋„์ฒด ์†Œ์ž๊ฐ€ ๊ฐœ๋ฐœ๋๋‹ค. ์„ฑ๊ท ๊ด€๋Œ€ ์ „์ž์ „๊ธฐ๊ณตํ•™๋ถ€ 4ํ•™๋…„์— ์žฌํ•™ ์ค‘์ธ ์ž„์ง€ํ˜œ ํ•™์ƒ์€ “ํ‰์†Œ ๋ฐ˜๋„์ฒด ์†Œ์ž์™€ ํšŒ๋กœ์— ๊ด€์‹ฌ์ด ๋งŽ์•˜๊ณ , ... ๋„์ „ํ•˜๋Š” ์—”์ง€๋‹ˆ์–ด๊ฐ€ ๋˜๊ฒ ๋‹ค”๋ผ๊ณ  ํฌ๋ถ€๋ฅผ ๋ฐํ˜”๋‹ค. ์กฐ์„ ์‹œ๋Œ€ ์„ฑ๊ท ๊ด€๋Œ€ ์ถœ์‹ ์€ ๋‹น๋Œ€ ์ตœ๊ณ  ์—˜๋ฆฌํŠธ์ธ ๊ด€๋ฆฌ๊ฐ€ ๋˜๋Š” ์ฝ”์Šค์˜€๋‹ค๋ฉด ์š”์ฆ˜ ์„ฑ๊ท ๊ด€๋Œ€๋Š” ๋‹น๋Œ€ ์ตœ๊ณ ์˜ ๊ธฐ์—… ์‚ผ์„ฑ์ „์ž๋กœ ๊ฐ€๋Š” ์ฝ”์Šค... ์‚ผ์„ฑ์ „์ž์˜ ๋ฏธ๋ž˜๊ฐ€ ๋ฐ์•„ ๋ณด์ธ๋‹ค. ์•„์ง๋„ ์‚ผ์„ฑ์ „์ž ์ฃผ์‹์„ ์‚ด ์ด์œ ๊ฐ€ ์žˆ์–ด ๋ณด์ธ๋‹ค. ๊ทธ๋‚˜์ €๋‚˜ 4์ง„๋ฒ• ๋ฐ˜๋„์ฒด๊ฐ€ ๋‚˜์˜ค๋ฉด ๋ญ๊ฐ€ ์ข‹์„๊นŒ? ์ผ๋‹จ 4์ง„๋ฒ• ๋ฐ˜๋„์ฒด๋Š” ๊ธฐ์กด์˜ 2์ง„๋ฒ• ๋ฐ˜๋„์ฒด๊ฐ€ [๋„ค, ์•„๋‹ˆ์˜ค]๋กœ๋งŒ .. 2019. 10. 13.
์ œ์ด์ฟผ๋ฆฌ ์•„์ฝ”๋””์–ธ on() ์ด๋ฒคํŠธ ์ฃผ๊ฐ„ ์Šค์ผ€์ค„ ๋งŒ๋“ค๊ธฐ css :not() ์„ ํƒ์ž ์ œ์ด์ฟผ๋ฆฌ on() ์ด๋ฒคํŠธ ์™€ css :not() ์„ ํƒ์ž๋ฅผ ์ด์šฉํ•ด์„œ ์ฃผ๊ฐ„ ์Šค์ผ€์ค„ ์•„์ฝ”๋””์–ธ ๋งŒ๋“ค๊ธฐ ์ผํ•˜๋Š” ์ค‘์ด๋ผ ์ž์„ธํ•œ ์ œ์ด์ฟผ๋ฆฌ ์•„์ฝ”๋””์–ธ ์„ค๋ช…์€ ์ƒ๋žตํ•œ๋‹ค. css /* scheduleWeek*/ .scheduleWeek { width: 100%; min-width: 950px; table-layout: fixed; border-spacing: 0; border-top: 1px solid #ccc; } .scheduleWeek>tbody>tr>th, .scheduleWeek>tbody>tr>td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .scheduleWeek>tbody>tr>th.selectTH { width: 90px; border.. 2019. 10. 11.
๋ถ€ํŠธ์ŠคํŠธ๋žฉ4 ๋ฐ์ดํŠธํ”ผ์ปค datepicker ์ด๋ฒคํŠธ ๊ฐ€๋กœ์ฑ„๊ธฐ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ4 ๋ฐ์ดํŠธํ”ผ์ปค๋ถ€ํŠธ์ŠคํŠธ๋žฉ4 ๋ฐ์ดํŠธํ”ผ์ปค datepicker ์ด๋ฒคํŠธ ๊ฐ€๋กœ์ฑ„๊ธฐ ํ”Œ๋Ÿฌ๊ทธ์ธ ์ž์ฒด์—์„œ ์ด๋ฒคํŠธ๋ฅผ ๋ฐœ์ƒ์‹œ์ผœ ์ฃผ์ง€๋งŒ, ๋”ฑ ๋‚ด๊ฐ€ ์›ํ•˜๋˜๊ฒŒ ์•„๋‹ˆ์–ด์„œ ์ง์ ‘ ์†Œ์Šค๋ฅผ ๊ฑด๋“œ๋ ธ๋‹ค. https://tempusdominus.github.io/bootstrap-4/Events/ Events - Tempus Dominus - Bootstrap 4 Events Events hide.datetimepicker Fired when the widget is hidden. Parameters: e = { date //the currently set date. Type: moment object (clone) } Emitted from: toggle() hide() disable() show.datetimepicker Fire.. 2019. 9. 27.
โœˆ php include๋กœ ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ’๋„˜๊ธฐ๊ธฐ (php include parameters) & php switch case ๋ถ„๊ธฐ ์ฒ˜๋ฆฌ php include๋กœ ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ’ ๋„˜๊ธฐ๊ธฐ (php include parameters) ์ฃผ์†Œ ๋’ค์— ?id=1๊ณผ ๊ฐ™์ด ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ๋ถ™์—ฌ์„œ include๋ฅผ ํ•  ์ˆ˜๋Š” ์—†๋‹ค. ๋Œ€์‹  php์˜ include๋Š” ๋ณ„๋„์˜ ์Šค์ฝ”ํ”„(scope)๋ฅผ ๊ฐ€์ง€์ง€ ์•Š์œผ๋ฏ€๋กœ ์„ค์ •๋œ ๋ณ€์ˆ˜๋ฅผ ํ•จ๊ป˜ ๊ณต์œ ํ•œ๋‹ค. ๋”ฐ๋ผ์„œ ์™€ ๊ฐ™์ด ์„ ์–ธํ•˜๊ณ  ๋ฐ›๋Š” ์ธก ์ฆ‰ ์œ„์˜ ๊ฒฝ์šฐ๋ผ๋ฉด list_contents_card_toolbar.php๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ๋ฐ›๋Š”๋‹ค. php switch case ๋ถ„๊ธฐ ์ฒ˜๋ฆฌ๋Š” ์œ„์™€ ๊ฐ™์ด ํ•œ๋‹ค. 2019. 9. 26.
์œ ํŠœ๋ธŒ ์—…๋กœ๋“œ ๋ฒ ํƒ€ ๋ชจ๋‹ฌ ๋ ˆ์ด์–ดํŒ์—… + ๋ถ€ํŠธ์ŠคํŠธ๋žฉ select, collase expansion panel ํผ๋ธ”๋ฆฌ์‹ฑ ์œ ํŠœ๋ธŒ ์—…๋กœ๋“œ ๋ฒ ํƒ€ ๋ชจ๋‹ฌ ๋ ˆ์ด์–ดํŒ์—… + ๋ถ€ํŠธ์ŠคํŠธ๋žฉ select, collase expansion panel ํผ๋ธ”๋ฆฌ์‹ฑ ๊ตฌ๊ธ€์ด ๋ฌด๊ฑฐ์›Œ์ง€๊ณ  ์žˆ๋‹ค. ์‹œ์Šคํ…œ์˜ ๊ตฌ๊ธ€์ด ๋˜์–ด๊ฐ€๋‹ค๋ณด๋‹ˆ, ๊ฐ€๋ณ๋˜ ๊ณผ๊ฑฐ์˜ ๊ตฌ๊ธ€ ์ฝ”๋”ฉ์€ ์‚ฌ๋ผ์กŒ๋‹ค. ์œ ํŠธ๋ธŒ๋„ ์ž์ฒด ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ํŽ˜์ด์ง€๋“ค์ด ๋งŒ๋“ค์–ด์ง€๋‹ค๋ณด๋‹ˆ ๊ฐ„๋‹จํ•œ ํ™”๋ฉด์กฐ์ฐจ๋„ ๋„ˆ๋ฌด ๋ฌด๊ฒ๋‹ค. ytcp๋กœ ์‹œ์ž‘ํ•˜๋Š” ํƒœ๊ทธ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์ด ๋‚œ๋ฌดํ•œ๋‹ค. ํšŒ์‚ฌ์—์„œ ๋น„์Šทํ•œ ํ™”๋ฉด์„ ๋งŒ๋“ค์–ด ๋‹ฌ๋ผ๊ธฐ์— ๋ถˆํ•„์š”ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ฑฐํ•˜๋ฉด์„œ ์˜ฎ๊ธด๋‹ค๊ณ  ์˜ฎ๊ฒจ๋ดค์ง€๋งŒ ์—ฌ์ „ํžˆ ๋ฌด๊ฒ๋‹ค. ๊ฑท์–ด๋‚ธ๋‹ค๊ณ  ์ตœ๋Œ€ํ•œ ๊ฑท์–ด๋ƒˆ์ง€๋งŒ, ๋ณต์žกํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„๋ฌดํŠผ ํ˜น์‹œ๋‚˜ ํ•„์š”ํ•œ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ์ผ๋‹จ ํฌ์ŠคํŒ…. ๋™์˜์ƒ ์—…๋กœ๋“œ(๋ฒ ํƒ€) ์ดˆ์•ˆ - ์‹œ์ฒญ์ž์—๊ฒŒ ํ‘œ์‹œ๋˜์ง€ ์•Š์Œ ๋™์˜์ƒ ์ฒ˜๋ฆฌ์œจ: 100% 1 ๊ธฐ๋ณธ ์ •๋ณด 2 ๊ณ ๊ธ‰ ์„ค์ • 3 ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒŒ์‹œ ์ œ๋ชฉ(ํ•„์ˆ˜ ํ•ญ๋ชฉ) ์„ค๋ช…(ํ•„์ˆ˜ ํ•ญ๋ชฉ) .. 2019. 9. 25.
[์›นํ‘œ์ค€ CSS] cursor:pointer๊ฐ€ ์›นํ‘œ์ค€. cursor:hand๋Š” ie์—์„œ๋งŒ. 2014.10.04 11:38 [์›น ํ‘œ์ค€ CSS] cursor:pointer๊ฐ€ ์›น ํ‘œ์ค€. cursor:hand๋Š” ie์—์„œ๋งŒ. ์ด๋ฏธ์ง€์— onClick="javascript:…."๋ฅผ ์“ด ๊ฒฝ์šฐ๋ผ๋“ ์ง€ ๋ญ OnClick์†์„ฑ์€ Aํƒœ๊ทธ ์ด์™ธ์˜ ๋ชจ๋“  ๊ฐ์ฒด์— ์ค„ ์ˆ˜ ์žˆ๋‹ค. TD์—๋„ DIV์—๋„ ์ค„ ์ˆ˜ ์žˆ๋Š”๋ฐ...์ด ์†์„ฑ์„ ๊ฐ์ฒด์— ์ค˜๋„ ํด๋ฆญ์„ ํ•  ๋•Œ ์•ก์…˜์€ ์ผ์–ด๋‚˜์ง€๋งŒ ๋งˆ์šฐ์Šค์˜ ์ปค์„œ ๋ชจ์–‘์ด ์† ๋ชจ์–‘์ด ์•„๋‹Œ ํ™”์‚ดํ‘œ ๋ชจ์–‘์œผ๋กœ ๊ทธ๋Œ€๋กœ ๋‚จ์•„ ์žˆ์œผ๋‹ˆ๊นŒ ์‚ฌ๋žŒ๋“ค์ด ํด๋ฆญํ•˜๋Š” ๊ฑด์ง€ ๋ชจ๋ฅผ ๋•Œ๊ฐ€ ๋งŽ๋‹ค. ๊ทธ๋Ÿด ๋• ํ”ํžˆ style="cursor:hand;"๋ฅผ ์“ฐ์ง€๋งŒ, FireFox์—์„œ๋Š” ์•ˆ ๋จนํžŒ๋‹ค. MS์—์„œ ์ž„์˜๋กœ ๋งŒ๋“  ์†์„ฑ์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์ด๋Ÿด ๋• style="cursor:pointer;" ๋กœ ์ฃผ๋ฉด ๋œ๋‹ค. cursor:pointer๊ฐ€ ์›นํ‘œ์ค€์ด๋‹ค. .. 2019. 9. 16.