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

๋‹ˆ๋ชจ๋„ค499

์‹ ๋ฆผ๋™๋ฐฑ์ˆœ๋Œ€๋ณถ์Œ ๋งŒ๋“ค๊ธฐ โ€‹์ฟ ํ‚นํƒ€์ž„ !! ๊ฒฐํ˜ผํ•˜๊ธฐ์ „์—๋Š” ์‹ ๋ฆผ๋™์ด ์ง‘์—์„œ ๋ฉ€์ง€ ์•Š์•„์„œ ๊ฐ€๋”๊ฐ€์„œ ๋จน๊ณ  ์™”์–ด์š” ์ฒ ํŒ์— ๋ณถ์•„์„œ ํŠน์œ ์˜ ์–‘๋…์žฅ์— ์ฐ์–ด ๋จน์œผ๋ฉด ์–‘๋… ์ˆœ๋Œ€๋ณถ์Œ ๋ณด๋‹ค๋„ ๋” ๋‹ด๋ฐฑํ•˜๊ณ  ๋ง›๊น”๋‚˜๋Š”๊ฒƒ ๊ฐ™๋”๋ผ๊ตฌ์š”. ๊ทธ๋ง›์ด ๊ทธ๋ฆฌ์›Œ ๊ฐ€๋” ์ง‘์—์„œ๋„ ํ•ด๋จน๊ณค ํ•ด์š” ๋ฐฉ๋ฒ•์€ ์ •๋ง ๊ฐ„๋‹จ ํ•ฉ๋‹ˆ๋‹ค !! โœ”๏ธ๋ฐฑ์ˆœ๋Œ€๋ณถ์Œ ์ค€๋น„๋ฌผ ์ˆœ๋Œ€. ๋งˆ๋Š˜, ์–‘๋ฐฐ์ถ”, ๊นป์žŽ, ๋‹น๋ฉด ๋‹ค์ง๋งˆ๋Š˜, ๋“ค๊นจ๊ฐ€๋ฃจ, ์†Œ๊ธˆ, ํ›„์ถ”, ๋“ค๊ธฐ๋ฆ„, ์‹์šฉ์œ  ์ค‘์‹์›ํŒฌ์„ ์ค€๋น„ํ•ฉ๋‹ˆ๋‹ค ๊ธฐ๋ฆ„๊ณผ ๋“ค๊ธฐ๋ฆ„์„ 1:1๋น„์œจ๋กœ ๋‘๋ฅด๊ณ  ์–‘๋ฐฐ์ถ”๋ฅผ ๋งจ ๋ฐ‘๋ฐ”๋‹ฅ์— ๊น”์•„์ค€๋’ค ์ˆœ๋Œ€, ๋งˆ๋Š˜, ๊นป์žŽ, ๋‹น๋ฉด์„ ์˜ฌ๋ ค์ฃผ๊ณ  ๊ทธ์œ„์— ๋œฐ๊นจ๊ฐ€๋ฃจ ์™€ ํ›„์ถ” ํŒํŒ ์†Œ๊ธˆ๋ฐ˜์ˆ˜์ €, ๋‹ค์ง๋งˆ๋Š˜๋ฐ˜์ˆ˜์ € ์˜ฌ๋ ค์ค€๋’ค ๋ถˆ์„ ์ผœ์ค๋‹ˆ๋‹ค (๋‹น๋ฉด์€ ๋ฏธ๋ฆฌ 1-2๋ถ„์ •๋„ ๋ฌผ์—๋‹ด๊ฐ€ ๋ถˆ๋ ค์ฃผ์„ธ์š”) โ€‹ ์‹ ๋ฆผ๋™์— ๊ฐ€๋ณด์‹  ๋ถ„๋“ค์€ ์•„์‹œ๊ฒ ์ง€๋งŒ ์‹ ๋ฆผ๋™ ์ˆœ๋Œ€ํƒ€์šด ์—์„œ ๋จน์„๋•Œ๋„ ์ฒ ํŒ์œ„์— ์ด๋ ‡๊ฒŒ ํ•œ๊บผ๋ฒˆ์— ์˜ฌ๋ ค.. 2017. 7. 31.
ํƒœ์•„์„ฑ๋ณ„๋‚˜์˜ค๋Š”์‹œ๊ธฐ โœ”๏ธํƒœ์•„ ์„ฑ๋ณ„์ด ๋‚˜์˜ค๋Š” ์‹œ๊ธฐ ๋Š” ๋น ๋ฅด๋ฉด 12์ฃผ ๋ถ€ํ„ฐ ์•Œ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•ด์š” ๋ณด๋‹ค ์ •ํ™•ํžˆ ์•Œ ์ˆ˜ ์žˆ๋Š” ์‹œ๊ธฐ๋Š” 16์ฃผ์ด๊ตฌ์š” 20์ฃผ์—๋Š” ์ •๋ฐ€์ดˆ์ŒํŒŒ๋ฅผ ํ†ตํ•˜์—ฌ ๋”์šฑ ์ž์„ธํžˆ ์•Œ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค ! ๋‹ˆ๋ชจ ๋˜ํ•œ 16์ฃผ์— ๊ฒ€์ง„์ผ์ด ์žกํ˜€ ์žˆ์–ด์„œ ๋ณ‘์›์— ๊ฐ”์„๋•Œ, ๋‹ด๋‹น ์„ ์ƒ๋‹˜๊ป˜ ์‚ด์ง ์—ฌ์ญค ๋ณด์•˜์Šต๋‹ˆ๋‹ค (์ง€์ธ์ค‘์— ์ง€๊ธˆ ์•„๋“ค์—„๋งˆ๋กœ ํ™•์ •๋ฐ›์€ ์˜ˆ๋น„๋ง˜์ด ์žˆ๋Š”๋ฐ์š” ์„ฑ๋ณ„์„ ๋„ˆ๋ฌด ๊ถ๊ธˆํ•ดํ•ด์„œ 12์ฃผ๊ฐ€ ์ง€๋‚  ๋ฌด๋ ต์— ํ•จ๊ป˜ ๋ณ‘์›์„ ๊ฐ„์ ์ด ์žˆ์–ด์š” ํ™•์‹คํžˆ 12์ฃผ๋•Œ ๋ถ€ํ„ฐ๋„ ๋‹ค๋ฆฌ์‚ฌ์ด์— ๋ฌด์–ธ๊ฐ€๊ฐ€ ์žˆ์—ˆ์–ด์š” ๊ทธ๋Ÿฐ๋ฐ, ๊ทธ๋•Œ๋Š” ์•„์ง ๋„ˆ๋ฌด ์ด๋ฅด๊ธฐ ๋•Œ๋ฌธ์—, ํ™•์ •ํ• ์ˆ˜ ์—†๋‹ค๊ณ  ํ•˜์…จ์–ด์š” ์‹œ๊ธฐ๊ฐ€ ์ง€๋‚˜๊ณ  ๋‚˜์„œ ์ •๋ง ์•„๋“ค์—„๋งˆ๊ฐ€ ๋˜์—ˆ์–ด์š”. ์ž„์‹ ๊ธฐ๊ฐ„์ด ํž˜๋“ค๊ณ  ํ•ด์„œ ์ €ํฌ๋ถ€๋ถ€๋Š” ์™ธ๋™ํ™•์ •! ์ด์—ˆ๊ธฐ์— ์•„๋“ค ์ด์–ด๋„ ๋”ธ ์ด์–ด๋„ ์ƒ๊ด€์€ ์—†์œผ๋‹ˆ ๊ฑด๊ฐ•ํ•˜๊ธฐ๋งŒ์„ ๋ฐ”๋žฌ์–ด์š” ์ดˆ์ŒํŒŒ๋ฅผ ์—ด์‹ฌํžˆ ๋ด์ฃผ์‹œ๋˜ ์„ ์ƒ๋‹˜๊ป˜.. 2017. 7. 31.
CSS3 Button-์Šคํƒ€์ผ๋กœ ๋ฒ„ํŠผ๋งŒ๋“ค๊ธฐ ์ธํ„ฐ๋„ท ๊ฐ•๊ตญ ๋Œ€ํ•œ๋ฏผ๊ตญ์€ ์ •๋ง ๋งŽ์€ ์›น์‚ฌ์ดํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ทธ๋งŒํผ ์ „๋ฌธ์„ฑ์„ ๋ ์ง€ ๋ชปํ•˜๋Š” ์ €ํ’ˆ์งˆ ์‚ฌ์ดํŠธ๋„ ๊ต‰์žฅํžˆ ๋งŽ์ฃ . ์›นํ‘œ์ค€์— ์–ด๊ธ‹๋‚˜๋Š” ๋ถ€๋ถ„ ๋˜ ์›น์ ‘๊ทผ์„ฑ์— ์–ด๊ธ‹๋‚˜๋Š” ๋ถ€๋ถ„์„ ์ง€ํ‚ค์ง€ ์•Š๋Š” ์‚ฌ์ดํŠธ๋“ค์ด ๋งŽ์Šต๋‹ˆ๋‹ค. ๋ฒ„ํŠผ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ์‚ฌ์šฉ์ž์˜ UI๊ฐ€ ์ง๊ด€์ ์œผ๋กœ ๋ณด์—ฌ์•ผ ํ•˜๊ธฐ๋•Œ๋ฌธ์— ๋””์ž์ธ๋œ ์ด๋ฏธ์ง€๋กœ ์‚ฌ์šฉํ•˜์—ฌ ๋งํฌ๋กœ ๊ฑฐ๋Š” ํ˜•ํƒœ๊ฐ€ ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ํ•œ์ฐธ ์•„์ดํฐ 4์‹œ์ ˆ์ฏค์— IOS์—์„œ ์‚ฌ์šฉํ•œ ๋ฐ˜๋ฐ˜ ๊ทธ๋ผ๋ฐ์ด์…˜์ปฌ๋Ÿฌ ๋ฒ„ํŠผ์ด ์œ ํ–‰ํ•˜๊ธฐ๋„ ํ–ˆ์ง€์š”. ์ง€๊ธˆ IOS์—์„œ๋„ ๋ฒ„ํŠผ์—๋Š” ๋‹จ์ˆœํ•˜๊ฒŒ ์›์ปฌ๋Ÿฌ๋งŒ ์‚ฌ์šฉํ•˜๊ณ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”์šฑ ์‚ฌ์šฉ์ž๋“ค์ด ํ˜ผ๋ž€์„ ์ผ์œผํ‚ค์ง€ ์•Š๊ณ  ์‹ฌํ”Œํ•˜๋ฉด์„œ๋„ ๊น”๋”ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๋””์ž์ธ๋„ ํŠธ๋ Œ๋“œ๊ฐ€ ์žˆ๋“ฏ์ด ์ง€๊ธˆ์€ ๋‹จ์ˆœ๋ช…๋ฃŒํ•˜๊ฒŒ ๊น”๋”ํ•˜๊ฒŒ ๊ฐ€๋Š” ๋””์ž์ธ์ด ์ •๋‹ต์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ๋ฒ„ํŠผ์ผ๊ฒฝ์šฐ ํฌํ† ์ƒต์—์„œ ๋””์ž์ธํ•ด์•ผํ•˜๊ณ  ์ปทํŒ…ํ•ด์•ผํ•˜๊ณ  ๋˜ ์ด๋ฏธ์ง€๋ฅผ .. 2017. 7. 30.
CSS3 Media Queries ๋ฏธ๋””์–ด์ฟผ๋ฆฌ-๋ฐ˜์‘ํ˜•ํŽ˜์ด์ง€๋งŒ๋“ค๊ธฐ ์š”์ฆ˜์€ PC,ํƒœ๋ธ”๋ฆฟ,๋ชจ๋ฐ”์ผ๋“ฑ ๊ฐ์ข…๊ธฐ๊ธฐ๋ฅผ ํ†ตํ•œ ์ธํ„ฐ๋„ท์ ‘์†์ด ์ผ์ƒ์ƒํ™œํ™”๊ฐ€ ๋˜์–ด๊ฐ€๊ณ  ์žˆ๋Š”๊ฐ€์šด๋ฐ ์•„์ง๊นŒ์ง€๋„ PC๋ฒ„์ „ ๋ชจ๋ฐ”์ผ๋ฒ„์ „ ๋”ฐ๋กœ ์ž‘์—…ํ•˜๋Š” ์‚ฌ์ดํŠธ, ์‡ผํ•‘๋ชฐ๋“ค์ด ๋„ˆ๋ฌด๋‚˜๋„ ๋งŽ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก ํ•„์š”์— ์˜ํ•ด์„œ ๋”ฐ๋กœ ์ž‘์—…ํ•˜๋Š”๊ฒŒ ๋„์›€์ด ๋  ๋•Œ๋„ ์žˆ์Šต๋‹ˆ๋‹ค๋งŒ. ์ž‘์—…์ž์—๊ฒŒ๋Š” ๋„ˆ๋ฌด๋‚˜๋„ ํฐ ๊ณ ํ†ต๊ณผ ๋‘๋ฒˆ์˜ ์ž‘์—…์„ ๊ฑฐ์ณ์•ผํ•˜๋Š” ๋ถˆํŽธํ•จ์ด ๋งŽ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋ชจ๋“  ๊ธฐ๊ธฐ์— ๋น ๋ฅด๊ฒŒ ๋งž์ถฐ ๋Œ€์‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด ์ง„๊ฒƒ์ด ๋ฏธ๋””์–ด์ฟผ๋ฆฌ์ž…๋‹ˆ๋‹ค. ๋ฌผ๋ก  ๋ฏธ๋””์–ด์ฟผ๋ฆฌ๋„ ๋ฐ˜์‘ํ˜•์„ ์ƒ๊ฐํ•ด์„œ ๋””์ž์ธํ•ด์•ผํ•˜๊ณ  CSS๋„ ๋ณต์žกํ•ด ์งˆ ์ˆ˜ ์žˆ๋‹ค๋Š” ๋‹จ์ ์ด ์žˆ์ง€๋งŒ PC๋”ฐ๋กœ MOBILE๋”ฐ๋กœ ์ž‘์—…ํ•˜๋Š”๊ฒƒ๋ณด๋‹จ ํ›จ์”ฌ ๋น ๋ฅด๊ณ  ๊ฐ„ํŽธํ•˜๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋จผ์ € ํ•ด์ƒ๋„์—๋Œ€ํ•ด ๊ฐ„๋‹จํ•˜๊ฒŒ ์งš๊ณ ๋„˜์–ด๊ฐ€๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํฌ๋กฌ ์š”์†Œ๊ฒ€์‚ฌ์ชฝ์œผ๋กœ๊ฐ€๋ฉด ์œ„์™€๊ฐ™์ด ํ•ด์ƒ๋„ ํƒญ์ด ์žˆ๋Š”๋ฐ์š”. ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ข…๋ฅ˜๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. 4K-2560.. 2017. 7. 30.
์•ˆ๋ชฉํ•ด๋ณ€ ์‚ฐํ† ๋ฆฌ๋‹ˆ์นดํŽ˜ ๊ฐ•์›๋„ ์ถ˜์ฒœ์—๋„ ์นดํŽ˜๊ฑฐ๋ฆฌ๊ฐ€ ์žˆ์ง€๋งŒ ๊ฐ•๋ฆ‰ ์•ˆ๋ชฉํ•ด๋ณ€์—๋„ ์นดํŽ˜๊ฑฐ๋ฆฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค ๋”์šด๋‚  ์‹œ์›ํ•œ ์นดํŽ˜์—์„œ ๋ฐ”๋‹ค๋ฅผ ๋ณด๋ฉด์„œ ๋งˆ์‹œ๋Š” ์ปคํ”ผ๋Š” ์ •๋ง ์˜ˆ์ˆ  ์ด์ง€์š” ! ์•ˆ๋ชฉํ•ด๋ณ€์„ ์กฐ๊ธˆ ๊ฑธ์—ˆ์„ ๋ฟ์ธ๋ฐ ๋•€์ด ๋ป˜๋ป˜ ๋‚ฌ์Šต๋‹ˆ๋‹ค ์ˆ˜์‚ฐ์‹œ์žฅ ๊ณผ ์šธ๋ฆ‰๋„๊ฐ€๋Š” ๋ฐฐ๋ฅผ ํƒ€๋Š” ์„ ์ฐฉ์žฅ์•ž ์ฃผ์ฐจ์žฅ์— ์ฐจ๋ฅผ ์ฃผ์ฐจํ•˜๊ณ  ๋‚˜์˜ค๋ฉด์„œ ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ์‚ฐํ† ๋ฆฌ๋‹ˆ ์นดํŽ˜๋กœ ํ–ฅํ–ˆ์Šต๋‹ˆ๋‹ค โ€‹ ํŒŒ๋ž€ ํ•˜๋Š˜๊ณผ ์ž˜ ์–ด์šธ๋ฆฌ๋Š” ์‚ฐํ† ๋ฆฌ๋‹ˆ์นดํŽ˜๋Š” ๋ง›์žˆ๋Š” ๋น™์ˆ˜๋„ ํŒ๋งค์ค‘ ์ด์—ˆ์–ด์š” ๋ฉ”๋‰ดํŒ ์ž…๋‹ˆ๋‹ค ์ปคํ”ผ๋ง๊ณ ๋„ ๋‹ค์–‘ํ•œ ํŒ๋งค๊ฐ€ ์ด๋ฃจ์–ด์ง€๊ณ  ์žˆ๋„ค์š” ํ•ธ๋“œ๋“œ๋ฆฝ ์ปคํ”ผ๋„ ํŒ๋งค์ค‘ ์ž…๋‹ˆ๋‹ค ๋”ฐ๋กœ ํ•œ์ผ ์— ํ•ธ๋“œ๋“œ๋ฆฝ ์ปคํ”ผ๋งŒ ํŒ๋งคํ•˜๋Š” ๊ณณ์ด ์žˆ์—ˆ์–ด์š” ์ปคํ”ผ์ฝฉ๋นต 1 (1,0) ๋ณด๋“ค์น˜์ฆˆ 1 (2,0) ์•„์ด์Šค ์•„๋ฉ”๋ฆฌ์นด๋…ธ 2 (4,5) ์ฃผ๋ฌธ ํ–ˆ์Šต๋‹ˆ๋‹ค ๊ทธ์™ธ์— ๋‹ค๋ฅธ๋นต๋“ค๋„ ๋งŽ์ด ์žˆ์—ˆ์–ด์š” ๋ณด๋“ค์น˜์ฆˆ ์ •๋ง ๋ง›์žˆ๊ณ  ๋ถ€๋“œ๋Ÿฌ์šฐ๋ฉด์„œ๋„ ๊ฑธ์ญ‰ํ•œ ์น˜์ฆˆ๋ง›์ด ์ข‹์•˜์Šต๋‹ˆ๋‹ค ๋‹ฌ.. 2017. 7. 30.
์ˆ™์ทจํ•ด์†Œ์—์ข‹์€ ์ง„์ ‘์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ โ€‹์ˆ™์ทจํ•ด์†Œ์™€ ์ž…๋ง์—์ข‹์€ ์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ ์ง„์ ‘๋ง›์ง‘_์ „์ฃผ ์ฝฉ๋‚˜๋ฌผ ๊ตญ๋ฐฅ ๊ด‘๋ฆ‰์‚ฌ์šฐ๋‚˜ ๊ทผ์ฒ˜์— ์žˆ๋‹ต๋‹ˆ๋‹ค ๋ฉ”๋‰ดํŒ ์ž…๋‹ˆ๋‹ค ์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ์ง‘ ์ด๊ธฐ์— ๋ฉ”์ธ๋ฉ”๋‰ด๋Š” ์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ ์ด์ง€๋งŒ ๊ณ๋“ค์ž„ ๋ฉ”๋‰ด๋“ค์ด ๋งŽ์ด ์žˆ๋„ค์š” ๋˜ ์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ ์ข…๋ฅ˜๋„ ๋‹ค์–‘ ํ•ฉ๋‹ˆ๋‹ค ์›๋ž˜๋Š” ๋ง‘์€๊ตญ๋ฌผ์ด ์‹œ์›ํ•œ~ ํ•œ๋ฐฉ์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ์„ ์ฃผ๋ฌธ ํ• ํ…๋ฐ ์˜ค๋Š˜์€ ๊น€์น˜์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ์„ ์ฃผ๋ฌธ ํ–ˆ์–ด์š” (5,0) ์ž…๋ง์ค‘์—๋Š” ๋งค์šด์Œ์‹์„ ๋ชป ๋จน์—ˆ์–ด์š”.. ๋‹ค๋ฅธ ์˜ˆ๋น„๋ง˜ ์นœ๊ตฌ๋“ค์€ ๋งค์šด์Œ์‹์ด ๋•ก๊ธด๋‹ค๊ณ  ํ•˜๋˜๋ฐ ์ €๋Š” ๋Š๋ผํ•˜๊ฑฐ๋‚˜ ๋‹ฌ์ฝคํ•œ ์Œ์‹์ด ๋” ๋•ก๊ธฐ๊ณ  ๋งค์šด์Œ์‹์„ ๋จน์œผ๋ฉด ์†์ด ๋„ˆ๋ฌด ์“ฐ๋ฆฌ๊ณ  ์•„ํŒŒ ๋ชป ๋จน์—ˆ๋‹ต๋‹ˆ๋‹ค .. ์˜ค๋Š˜ ๋ง›๋ณด๋Š” ๊น€์น˜์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ์€ ์ •๋ง ์˜ค๋žœ๋งŒ์— ๋ง›๋ณด๋Š” ์–ผํฐํ•จ ์ด๋„ค์š” ! โ€‹ ์ž…๋ง์ด ์žˆ์„๋•Œ ์Œ์‹๋ƒ„์„ธ๋กœ ์ธํ•ด์„œ ๋ฐฅ์„ ํ•˜๋Š”๊ฒƒ์ด ์กฐ๊ธˆ ํž˜๋“ค์—ˆ๋˜ ๋•Œ๊ฐ€ ์žˆ์—ˆ์–ด์š” ๊ทธ๋•Œ ์—ฌ๊ธฐ์„œ ํฌ์žฅ์„ ์ž์ฃผ ํ•ด๊ฐ”๋Š”๋ฐ์š” ์›๋ž˜ ์ฝฉ๋‚˜๋ฌผ๊ตญ๋ฐฅ์ธ๋ฐ ํฌ์žฅํ• ๋•Œ.. 2017. 7. 30.