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

Lect & Tip111

โœˆ [์œ ํ‹ธํŒ] ์šธํŠธ๋ผ ์—๋””ํ„ฐ 32 FTP ๊ณ„์ • ์„ค์ • ํŒŒ์ผ ๋ฐฑ์—… ์šธํŠธ๋ผ ์—๋””ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค ๋ณด๋ฉด FTP๋กœ ์ง์ ‘ ์„œ๋ฒ„์— ๋ถ™์–ด์„œ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€๋ฐ, PC๋ฅผ ๋ฐ”๊พผ๋‹ค๋˜์ง€, ๋‹ค๋ฅธ ์ปดํ“จํ„ฐ์—์„œ ์ž‘์—…์„ ํ•œ๋‹ค๋˜์ง€ ํ•  ๋•Œ FTP์ •๋ณด๋ฅผ ๋‹ค์‹œ ๋ชจ๋‘ ์ž…๋ ฅํ•ด์•ผ ํ•˜๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์ด ์žˆ๋‹ค. ์ด๋Ÿด ๋•Œ FTP๊ณ„์ •๊ณผ ๊ฐ์ข… ํ™˜๊ฒฝ ์„ค์ • ํŒŒ์ผ์„ ๋ฐฑ์—…ํ•ด์„œ ๋ณต๊ตฌํ•ด์„œ ์“ธ ์ˆ˜ ์žˆ๋‹ค๋ฉด ์œ ์šฉํ•  ๊ฒƒ์ด๋‹ค. ์ด๋Ÿฐ ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ํŒŒ์ผ์€ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋‹ค์Œ์˜ ๊ฒฝ๋กœ์— ์œ„์น˜ํ•œ ํŒŒ์ผ์ด๋‹ค. OS:์œˆ๋„์ฆˆ 7 C:\Documents and Settings\ChoHJ\Application Data\IDMComp\UltraEdit\UEdit32.INI 2019. 8. 6.
โœˆ ์›น์ ‘๊ทผ์„ฑ ์•ต์ปคํƒœ๊ทธ A ์— onfocus hover ์‹œ๊ฐํ™” (์ ์„ ํ…Œ๋‘๋ฆฌ)๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š์„ ๋•Œ ํ•ด๊ฒฐ๋ฒ•. ์ดˆ์ ์„ ์ธ์ง€ํ•  ์ˆ˜ ์—†๋Š” ๋งํฌ ๋ฐ ์„œ์‹๊ฐœ์ˆ˜ ์›น ์ ‘๊ทผ์„ฑ ์‹ฌ์‚ฌ๋ฅผ ๋ฐ›๋‹ค ๋ณด๋ฉด, ์ „ํ˜€ ์˜ˆ๊ธฐ์น˜ ๋ชปํ–ˆ๋˜ ๋ถ€๋ถ„์—์„œ ๊ฐ์ ์„ ๋ฐ›๊ฒŒ ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ๋‹ค. ํŒ€์ž‘์—…์ด๋‚˜, ์˜ˆ์ „์— ๋‹ค๋ฅธ ์‚ฌ์—…์ž๊ฐ€ ์ž‘์—…ํ–ˆ๋˜ ๋ถ€๋ถ„์—์„œ ๋„ˆ๋ฌด๋‚˜ ๋„ ๊ธฐ์ดˆ์ ์ธ ๋ถ€๋ถ„์„ ์ฒดํฌํ•˜์ง€ ๋ชปํ–ˆ๋˜ ๊ฒฝ์šฐ์— ์ข…์ข… ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธด๋‹ค. ์ง์ ‘ ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ๋ผ๋ฉด ์›น ์ ‘๊ทผ์„ฑ์˜ ๊ธฐ๋ณธ๊ณผ ๊ธฐ์ดˆ์— ๋งž์ถฐ์„œ ์ž‘์—…์„ ํ–ˆ์„ ํ…Œ๋‹ˆ ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ฐ–์ถ”์—ˆ์–ด์•ผ ํ•  ๋ถ€๋ถ„์ธ๋ฐ, ๋‚จ์ด ํ–ˆ๋˜ ๊ฒƒ์ธ๋ฐ "์„ค๋งˆ ์ด๋Ÿฐ ๊ฒƒ๋„ ํ‹€๋ฆฌ๊ฒ ์–ด?" ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ถ€๋ถ„์—์„œ ๋ฌธ์ œ๋Š” ๋ฐœ์ƒํ•œ๋‹ค. ๋‹คํ–‰ํžˆ ์œ„์™€ ๊ฐ™์ด ์ดˆ์ ์„ ์ธ์ง€ํ•  ์ˆ˜ ์—†๋Š” ๋งํฌ ๋ฐ ์„œ์‹ ๊ฐœ์ˆ˜์˜ ๋ฌธ์ œ์— ์žˆ์–ด์„œ ์ดˆ์ ์„ ์‹œ๊ฐ์ ์œผ๋กœ ์ธ์ง€ํ•  ์ˆ˜ ์—†๋Š” ๋งํฌ์˜ ๊ฒฝ์šฐ ์˜๋„์ ์œผ๋กœ ์‹œ๊ฐํ™”๋ฅผ ๋‚ ๋ ค ๋ฒ„๋ฆฐ ๊ฒฝ์šฐ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด, X๊ฐ€ ์•„๋‹Œ โ–ณ์„ ๋ฐ›๊ธด ํ•œ๋‹ค. ํ•˜์ง€๋งŒ ๋ชจ๋“  ์‹ฌ์‚ฌ๊ด€์ดโ–ณ๋ฅผ ์ค€๋‹ค๋Š” ๋ณด์žฅ์€ ์—†๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์˜๋„์ ์œผ๋กœ onfocus=blur();.. 2019. 8. 5.
- ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹œ๊ฐ„ ์ œ์–ด ํ•จ์ˆ˜ setTimeout(), setInterval(), clearTimeout() ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹œ๊ฐ„ ์ œ์–ด ํ•จ์ˆ˜ setTimeout(), setInterval(), clearTimeout() ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ์ผ์ •ํ•œ ์‹œ๊ฐ„ ๊ฐ„๊ฒฉ๋งˆ๋‹ค ํ˜น์€ ์ผ์ •ํ•œ ์‹œ๊ฐ„์ด ์ง€๋‚œ ๋’ค์— ํŠน์ • ์ด๋ฒคํŠธ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ค๊ฑฐ๋‚˜ ๋™์ž‘์„ ์ทจํ•ด์•ผ ํ•  ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ๋‹ค. ์ด๋Ÿด ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹œ๊ฐ„ ํ•จ์ˆ˜๊ฐ€ ๋ฐ”๋กœ setTimeout()์™€ setInterval()์ด๋‹ค. setTimeout(), setInterval()์˜ ๊ฐ€์žฅ ํฐ ์ฐจ์ด์ ์€ ํ•œ ๋ฒˆ๋งŒ ์‹คํ–‰ํ•˜๋Š๋ƒ, ๊ณ„์† ๋ฐ˜๋ณต์ ์œผ๋กœ ์‹คํ–‰ํ•˜๋Š๋ƒ์˜ ์ฐจ์ด๋‹ค. ์œ„์˜ ๋‘ ์˜ˆ์ œ์ฒ˜๋Ÿผ ๋‹จ ํ•œ๋ฒˆ๋งŒ ์ ์šฉํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด setTimeout์„ ์‚ฌ์šฉํ•˜๊ณ , ์ผ์ •ํ•œ ์‹œ๊ฐ„๊ฐ„๊ฒฉ์œผ๋กœ ๋ฐ˜๋ณต ์ ์šฉํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด setInterval()์„ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. setInterval์—์„œ 1000์ด๋ผ๋Š” ์ˆซ์ž๋Š” ๋ฐ€๋ฆฌ์„ธ์ปจ๋“œ๋กœ ํ•ด๋‹น ์ˆซ์ž์˜ .. 2019. 8. 4.
[์›น์ ‘๊ทผ์„ฑ] jquery checked checkbox radio ์ฒดํฌ ์œ ๋ฌด, ์„ ํƒ๋œ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ ์ œ์ด์ฟผ๋ฆฌ ์ฒดํฌ๋ฐ•์Šค ๊ฐœ์ˆ˜์ฒดํฌ ์†Œ์Šค โœˆ ์›น์ ‘๊ทผ์„ฑ์„ ๊ณ ๋ คํ•œ jQuery๋ฅผ ํ™œ์šฉํ•œ ์ฒดํฌ๋ฐ•์Šค์™€ ๋ผ๋””์˜ค ๋ฒ„ํŠผ ์ฒ˜๋ฆฌ ๊ฐœ์š” ๊ฐ•๋™๊ตฌ๋ฆฝํ†ตํ•ฉ๋„์„œ๊ด€ ํšŒ์›๊ฐ€์ž…์—์„œ ์ด์šฉ์•ฝ๊ด€ ๋™์˜ ๋ฐ ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ ๋™์˜์— radio์™€ checkbox form์ด ์‚ฌ์šฉ๋˜์–ด ์žˆ๋Š”๋ฐ, ์›น ์ ‘๊ทผ์„ฑ์— ๋ถ€ํ•ฉ๋˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์˜ค๋ฅ˜๋ฐœ์ƒ ์‹œ ์•Œ๋ฆผ ํ›„ ํ•ด๋‹น ์ž…๋ ฅํผ์œผ๋กœ ํฌ์ปค์Šค๋ฅผ ๋งž์ถฐ์ฃผ์–ด์•ผ ํ•œ๋‹ค. ๋•Œ ๋งˆ์นจ ์˜ค๋Š˜ ์ด ํšŒ์› ์•ฝ๊ด€ ๋™์˜ ํŽ˜์ด์ง€์—์„œ ๋ผ๋””์˜ค์™€ ์ฒดํฌ๋ฐ•์Šค๊ฐ€ ๋ชจ๋‘ ์‚ฌ์šฉ๋˜๊ณ  ์žˆ์–ด์„œ, jquery radio checked์™€ jquery checkbox checked๋กœ ์ฒดํฌ ์œ ๋ฌด์™€ focus()๋ฅผ ์ด์šฉํ•ด์„œ ์ด›์  ๋งž์ถ”๋Š” ๊ฒƒ์„ ์˜ˆ์ œ๋กœ ์“ธ ์ˆ˜ ์žˆ์–ด์„œ ํฌ์ŠคํŒ… ํ•œ๋‹ค. ์ฒดํฌ ์œ ๋ฌด๋“ , ํฌ์ปค์Šค๋ฅผ ๋งž์ถ”๋Š” ๊ฒƒ์ด๋“  jquery์˜ ์ ˆ๋ฐ˜์€ ์š”์†Œ(element)์˜ ์ •ํ™•ํ•œ ์„ ํƒ์ž ์„ ์ •์ด ์ค‘์š”ํ•˜๋‹ค. ์˜ˆ์ œ ์†Œ๊ฐœ ์ผ๋‹จ ์˜ˆ์ œ๋กœ ๋ณด์ž. ํ†ตํ•ฉ.. 2019. 8. 2.
โœˆ [๋ฐ˜์‘ํ˜• ์›น ๊ธฐ์ดˆ] @media screen and (max-width:620px) and (min-width:300px) ๋ฐ˜์‘ํ˜• ์›น์˜ ๊ธฐ์ดˆ @media screen and (max-width:620px) and (min-width:300px) ๋ฐ˜์‘ํ˜• ์›น์— ๋Œ€ํ•ด ๋‘๋ ค์›€์„ ๊ฐ–๊ณ  ์žˆ๋Š” ํผ๋ธ”๋ฆฌ์…”๋“ค์ด ์ œ๋ฒ• ๋งŽ๋‹ค. ์‚ฌ์‹ค ์•Œ๊ณ  ๋ณด๋ฉด ๋ณ„๊ฑฐ ์•„๋‹ˆ๋‹ค. ๊ฐ€๋กœํญ์— ๋Œ€ํ•œ ์‹œ๋‚˜๋ฆฌ์˜ค๋Œ€๋กœ CSS๋ฅผ ์ ์šฉํ•ด์ฃผ๋ฉด 90%(?)๋Š” ๋๋‚œ ๊ฒŒ์ž„์ด๋‹ค. ๋ฌผ๋ก  ๊ทธ ๊ณผ์ •์€ ์ฝ”๋”ฉ๋‹ต๊ฒŒ ๋…ธ๊ฐ€๋‹ค์ด๊ธด ํ•˜๋‹ค. ๊ฐ™์€ ์Šคํƒ€์ผ์— ๋Œ€ํ•ด 2๋ฒˆ ์ด์ƒ์„ ๊ธฐ์ˆ ํ•ด์ค˜์•ผ ํ•˜๋Š” ์ž‘์—…์ด๋‹ˆ๊นŒ ๋ง์ด๋‹ค. ๋‚˜๋จธ์ง€ 10%๋Š”? ๋ฐ˜์‘ํ˜•์›น์„ ์›ํ•˜๋Š” ํด๋ผ์ด์–ธํŠธ์˜ ๊ธฐ๋ฐœํ•˜๊ณ ๋„ ์ฐฝ์˜์ ์ด๋ฉด์„œ ๊ฐ€ํ•™์ ์ธ ๋ˆˆ๋†’์ด์— ๋งž์ถฐ์ฃผ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹จ์ง€ CSS์˜ @media screen ๋งŒ์œผ๋กœ๋Š” ํ•ด๊ฒฐ๋˜์ง€ ์•Š๋Š” ๋‚œ์ œ๋“ค์ด ํŠ€์–ด๋‚˜์˜ฌ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ๊ทธ๋Ÿด ๋• ํ•˜๋Š” ์ˆ˜ ์—†์ด jQuery์˜ ๋„์›€์„ ๋ฐ›์•„์•ผ ํ•œ๋‹ค. ํ•˜์ง€๋งŒ ์™ ๋งŒํ•˜๋ฉด @media screen์œผ๋กœ ๋Œ€๋ถ€๋ถ„.. 2019. 7. 27.
โœˆ nginx woff mime type error ์„ค์ • ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• Unexpected character in input: ์—๋Ÿฌ nginx woff mime type error ์„ค์ • ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• Unexpected character in input: ์—๋Ÿฌ 2019/07/25 15:19:07 [error] 25892#24016: *313 FastCGI sent in stderr: "PHP Warning: Unexpected character in input: ' ' (ASCII=11) state=0 in C:\work\cj_003\dcms-ui\assets\fonts\glyphicons-halflings-regular.woff2 on line 100 PHP Warning: Unexpected character in input: '' (ASCII=16) state=0 in C:\work\cj_003\dcms-ui\assets\font.. 2019. 7. 26.