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

์ „์ฒด ๊ธ€507

์ง„์ ‘๋ง›์ง‘_์ˆ˜์ œํ•จ๋ฐ•_๋กœ๋“œํ•จ๋ฐ• โ€‹ โ€‹ ์ˆ˜์ œํ•จ๋ฐ•์Šคํ…Œ์ดํฌ_์ง„์ ‘๋กœ๋“œํ•จ๋ฐ•โ€‹ โ€‹๊ฒฝ๊ธฐ๋„ ๋‚จ์–‘์ฃผ์‹œ ์ง„์ ‘์ ๊ธˆ๊ฐ•๋กœ 1551 2์ธต ์ž…๋‹ˆ๋‹ค โ€‹ ํ”„๋ Œ์ฐจ์ด์ฆˆ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค ์ˆ˜์ œ๋กœ ๋งŒ๋“œ๋Š” ํ•จ๋ฐ•์Šคํ…Œ์ดํฌ โ€‹ ํŠน์ดํ•˜๊ฒŒ๋„ ์ž…์žฅํ•˜์ž๋งˆ์ž ์˜ท๊ฐ€๊ฒŒ๊ฐ€ ์žˆ๋‹ต๋‹ˆ๋‹ค ์˜ท๋“ค๋ฟ ์•„๋‹ˆ๋ผ ๋ชจ์ž๋‚˜ ๊ฐ€๋ฐฉ ์‹ ๋ฐœ๋“ฑ์„ ํŒ๋งค์ค‘ ์ž…๋‹ˆ๋‹ค ํ‹ฐ์…”์ธ ๋Š” 5,000-10,000 ์›ํ”ผ์Šค ์ข…๋ฅ˜๋Š” 15,000 ๊ฐ€๋ฐฉ๋„ 5,000-10,000 ๋ชจ์ž๋„ 7,000-10,000 ํ—ค์–ดํ•€๋„ ํŒ๋งค์ค‘ ์ž…๋‹ˆ๋‹ค โ€‹ โ€‹ ์–ด๋ฆฐ์ด ์Œ๋ฃŒ๊ฐ€ ์žˆ๋„ค์š” ์—์ด๋“œ๋Š” ํ˜„์žฌ ์ฃผ๋ฌธ์ด ์•Š๋œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค โ€‹ ๋กœ๋“œํ•จ๋ฐ• โ€‹ ํ‚ค์ฆˆ๋ฃธ๊ณผ ๋ฒ ์ด๋น„์ฒด์–ด๊ฐ€ ์ค€๋น„ ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค ์—์ด๋“œ๊ฐ€ ํ˜„์žฌ ์ฃผ๋ฌธ์ด ์•Š๋œ๋‹ค๊ณ  ํ•ด์š” ๋‹ˆ๋ชจ๋ง˜๊ณผ ์ž„์‚ฐ๋ถ€ ์นœ๊ตฌ๊ฐ€ ํ•จ๊ป˜ ์‹์‚ฌ์ค‘ ์ด์–ด์„œ ํƒ„์‚ฐ๋Œ€์‚ฐ ๋ฏธ๋‹›๋ฉ”์ด๋“œ๋ฅผ ์ฃผ๋ฌธ ํ–ˆ์Šต๋‹ˆ๋‹ค โ€‹ ํ•จ๋ฐ•์Šคํ…Œ์ดํฌ ๋ง›์ง‘์ด๋‹ˆ ํ•จ๋ฐ• ์Šคํ…Œ์ดํฌ๋ฅผ ์ฃผ๋ฌธ ํ•ด์•ผ ๊ฒ ์ง€์š” ๋”๋ธ”ํƒ€์›Œ ํฌ๋ฆผํ•จ๋ฐ•์ด ์ธ๊ธฐ๋ฉ”๋‰ด ์ด์ง€๋งŒ.. 2017. 7. 22.
๋ฒ ์ด๋น„ํŽ˜์–ด์ผ์ •_๋ฒ ์ด๋น„ํŽ˜์–ดํ›„๊ธฐ 2017, 7์›” 8์›” 9์›” ๋ฒ ์ด๋น„ํŽ˜์–ด ์ผ์ • โœ”๏ธ ์„ฑ๋‚จ ๋ฒ ์ด๋น„ํŽ˜์–ด 7/13-7/16 ์„ฑ๋‚จํ™ˆํ”Œ ์ง€ํ•˜3์ธต โœ”๏ธ ์„œ์šธ๋ฒ ์ด๋น„ํŽ˜์–ด 8/3-8/6 at์„ผํ„ฐ โœ”๏ธ ๋ฏธ๋ฒ  ๋ฒ ์ด๋น„ ์—‘์Šคํฌ 8/18-8/21 ํ‚จํ…์Šค โœ”๏ธ ๋ฏธ๋ž˜ ์œ ์•„ ์—‘์Šคํฌ 8/18-8/21 ํ‚จํ…์Šค โœ”๏ธ ๋ฒ ์ด๋น„ ์—‘์Šคํฌ_๊ฐ•๋‚จ 8/31-9/3 setec โœ”๏ธ ๋ฒ ํŽ˜ ๋ฒ ์ด๋น„ํŽ˜์–ด 9/7-9/10 ์ฝ”์—‘์Šค โœ”๏ธ ์ฝ”๋ฒ  ๋ฒ ์ด๋น„ํŽ˜์–ด 9/21-9/24 ํ‚จํ…์Šค SETEC_๋ฒ ์ด๋น„ํŽ˜์–ด ํ›„๊ธฐ ์ผ์ • : 5/25 ~ 5/28 ์žฅ์†Œ : ํ•™์—ฌ์šธ์—ญ(์ง€ํ•˜์ฒ 3ํ˜ธ์„ ) Setec ( 5/27, 5/28 ์ดํ‹€ ๋ฐฉ๋ฌธ ํ–ˆ๋‹ต๋‹ˆ๋‹ค ) ์•„์ง ์ดˆ๊ธฐ์ด๊ธฐ์— ์•„๋ฌด๋Ÿฐ ๊ธฐ๋Œ€ ์—†์ด ๊ฐ”๋‹ค๊ฐ€ ๋“ํ…œ์„ ๋งŽ์ด ํ–ˆ๋˜ ๋ฒ ํŽ˜์— ๋Œ€ํ•œ ๊ธ€ ์ž…๋‹ˆ๋‹ค ๋””์ž์ธ๋„ ๋‹ค์–‘ํ•˜๊ณ  ์ข…๋ฅ˜๋„ ๋‹ค์–‘ํ•˜๊ธฐ์— ๋‘˜๋Ÿฌ๋ณด๋Š”๋ฐ๋งŒ ์‹œ๊ฐ„์ด ํ•œ์ฐธ ๊ฑธ๋ ธ๋„ค์š” ์šฐ๋ฆฌ ๋‹ˆ๋ชจ๋Š” ๊ฒจ์šธ์— ํƒœ์–ด๋‚  ์•„.. 2017. 7. 22.
์ง„์ ‘๋ง›์ง‘ ์ฝ”์ฝ”์˜จ๋‹น๋‹ญํ•œ๋งˆ๋ฆฌ ๋‚จ์–‘์ฃผ๋ง›์ง‘_์ง„์ ‘๋ง›์ง‘_์ฝ”์ฝ”์˜จ๋‹น_๋‹ญํ•œ๋งˆ๋ฆฌ ๊ฒฝ๊ธฐ๋„ ๋‚จ์–‘์ฃผ์‹œ ์ง„์ ‘์ ํ•ด๋ฐ€์˜ˆ๋‹น1๋กœ 8-12 ์ง„์ ‘์ด๋งˆํŠธ ์‚ฌ๊ฑฐ๋ฆฌ ๋ˆ๊นŒ์Šคํด๋Ÿฝ ์œ„์ธต์— ์žˆ๋‹ต๋‹ˆ๋‹ค ์ดˆ๋ณต๋‚  ์–ด๋”œ๊ฐ€๋„ ์‚ฌ๋žŒ์ด ๋งŽ์„๊ฒƒ ๊ฐ™์•„์„œ, ๊ทธ๋ƒฅ ๋„˜์–ด๊ฐ€๋ ค ํ–ˆ๋Š”๋ฐ ๋‚ ์ด ์œ ๋‚œํžˆ ๋ฅ๊ณ  ๋‹ˆ๋ชจ๋ง˜๋„ ๋‹ˆ๋ชจ์•„๋น ๋„ ๊ฒฐํ˜ผํ•˜๊ณ . ์ฒ˜์Œ๋งž๋Š” ๋ณต๋‚ ์ด๋ผ ๊ทผ์ฒ˜ ๋‹ญํ•œ๋งˆ๋ฆฌ ๊ฐ€๊ฒŒ๋ฅผ ์ฐพ์•„ ์™”์Šต๋‹ˆ๋‹ค ์ดˆ๋ณต์ธ๋‚  ๋‹ต๊ฒŒ .. ์‚ฌ๋žŒ๋“ค์ด ์—„์ฒญ ๋งŽ์•˜์–ด์š” โ€‹ ๋Œ€๊ธฐ๋ฒˆํ˜ธ๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค :) ๋Œ€๊ธฐ ๋ฒˆํ˜ธ 7 ์‹์‚ฌ ์ธ์› : 2๋ช… โ€‹ ๋ฉ”๋‰ดํŒ ์ž…๋‹ˆ๋‹ค 2๋ช…์ด๋‹ˆ๊นŒ ์†Œ์ž ์ฃผ๋ฌธ ํ–ˆ์–ด์š” ๋‹ค๋ฅธ_๋‹ญํ•œ๋งˆ๋ฆฌ ์ง‘ ๊ฐ€๋ฉด ์‚ฌ๋ฆฌ๋‚˜ ์ฃฝ์€ ์ฝ”์Šค๋กœ ๋‚˜์˜ค๋˜๋ฐ ์—ฌ๊ธฐ๋Š” ๋‹ญ๊ณผ ์•ผ์ฑ„๊ฐ€ ๋‚˜์˜ค๊ตฌ ๋‚˜๋จธ์ง€๋Š” ์ทจํ–ฅ์— ๋งž๊ฒŒ ์ถ”๊ฐ€ํ•ด์„œ ๋“œ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค โ€‹ ๋ฉ”๋‰ดํŒ ๋ฐ‘์— ์ถ”๊ฐ€๋ฉ”๋‰ด๋“ค์ด ์žˆ์—ˆ๋Š”๋ฐ ๋‹ค๋ฅธ ๋ถ„๋“ค๊ป˜์„œ ์‹์‚ฌ์ค‘์ด๋ผ ๋ชป ์ฐ์—ˆ์–ด์š”ใ… ใ…  โ€‹ ๋‹ญ๋ฐ˜๋งˆ๋ฆฌ๊ฐ€ ํ†ต์œผ๋กœ ๋“ค์–ด๊ฐ„ ๊ตญ์ˆ˜๊ฐ€ ์ธ๊ธฐ ๋ฉ”๋‰ด ๋ผ๊ณ  ํ•˜๋Š”๋ฐ ๋ณต๋‚ ์—๋Š”.. 2017. 7. 21.
์ž„์‹  5์ฃผ์ฐจ ์‹ฌ์žฅ์†Œ๋ฆฌ ์ŠคํŠธ๋ ˆ์Šค๋ฅผ ๋งŽ์ด ๋ฐ›๊ณ ,, ์˜ค๋ฅด๋ฝ ๋‚ด๋ฆฌ๋ฝํ•˜๋Š” ๊ฐ์ •๊ธฐ๋ณต ๋•Œ๋ฌธ์ธ์ง€ํ”ผ๋น„์นจ ํ˜„์ƒ์ด ์ง€์†๋˜๊ณ  ์ ์  ๊ฐ•ํ•ด์ ธ์„œ ๋ณ‘์›์— ๋ฐฉ๋ฌธํ–ˆ์Šต๋‹ˆ๋‹ค ์˜์‚ฌ์„ ์ƒ๋‹˜ ๋ง์”€์œผ๋กœ๋Š” ๋ณดํ†ต 6์ฃผ์ฐจ ์ •๋„ ๋˜์•ผ ์‹ฌ์žฅ์†Œ๋ฆฌ๋ฅผ ๋“ค์„ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ์š”. ์—„๋งˆ๋Š” ํ•˜์—ด๊ณผ ๋ณตํ†ต์œผ๋กœ ํž˜์ด๋“ค์—ˆ์ง€๋งŒ๋‹ˆ๋ชจ๋Š” ์šฐ๋ ์ฐฌ ์‹ฌ์žฅ์†Œ๋ฆฌ๋ฅผ ๋“ค๋ ค ์ฃผ์—ˆ์–ด์š” " ์—„๋งˆ! ์•„๋น ! ๋‚˜๋Š” ๊ดœ์ฐฎ์•„์š” "โ€‹๊ธฐ์˜๊ณ  ์•ˆ์‹ฌ ํ–ˆ์ง€๋งŒ.. ์—„๋งˆ๋„ ์‚ฌ๋žŒ์ธ์ง€๋ผ ๋„ˆ๋ฌด ํž˜๋“ค์—ˆ์Šต๋‹ˆ๋‹ค ใ… ใ…  ์šฐ๋ ์ฐฌ ์‹ฌ์žฅ์†Œ๋ฆฌ๋ฅผ ๋“ค์—ˆ์ง€๋งŒ, ์ž„์‹ ์ดˆ๊ธฐ๋ถ€ํ„ฐ ์‹œ์ž‘๋œ ํ”ผ๋น„์นจ์ฆ์ƒ์ด ์ ์ ๋” ์‹ฌํ•ด์ง€๊ณ  ์žˆ์–ด์„œ ๊ฑฑ์ •์€ ๊ณ„์† ๋˜์—ˆ๋‹ต๋‹ˆ๋‹ค...ํ•˜... ๋งˆ์Œ์„ ํŽธ์•ˆํ•˜๊ฒŒ ๊ฐ€์ง€๋ผ๊ณ ๋“ค ํ•˜๋˜๋ฐ ์ž˜ ์•Š๋˜๋”๋ผ๊ตฌ์š” ใ… ใ…  ์ดˆ์ŒํŒŒ์ƒ ์œผ๋กœ ํ”ผ๊ณ ์ž„์ด ๋ณด์ธ๋‹ค๋Š” ์†Œ๊ฒฌ์„ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค๋ชธ์œผ๋กœ ํก์ˆ˜ ๋˜๊ฑฐ๋‚˜ ๋˜๋Š” ๋ฐฐ์ถœ์ด ๋‹ค๋˜๋ฉด ๊ดœ์ฐฎ๋‹ค๊ณ  ํ•˜์‹œ๋ฉฐ ๊ฑฑ์ •ํ•˜์ง€ ๋ง๋ผ๊ณ  ํ•ด์ฃผ์…จ์–ด์š”โ€‹ ํŒ)) ์™œ? ์œ ์‚ฐ๋ฐฉ์ง€์ฃผ์‚ฌ๋‚˜ ์•ฝ์„ .. 2017. 7. 15.
css3 box-sizing ๋ฐ•์Šค์ฝ”๋”ฉ์˜ ๊ธฐ๋ณธ ๋””์ž์ธ์„ ๋‹ค ํ•ด๋†“๊ณ  ๋‚˜๋ฉด ์ฝ”๋”ฉ์— ์•ž์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ผ๋“ค์ด ๋งŽ์ด ๋ฒŒ์–ด์ ธ ๊ณ ๋ฏผ์„ ํ•ญ์ƒ ๋งŽ์ด ํ–ˆ์—ˆ๋˜ ๋ถ€๋ถ„์ด์ฃ . ๋‚ด์šฉ๋ฌผ ๋‚ด์šฉ๋ฌผ ๋‚ด์šฉ๋ฌผ ๊ฐ ๋ฐ•์Šค๊ฐ€ 200px์ด๊ณ  ํŒจ๋”ฉ์ด 10px ๋ณด๋”๊ฐ€ ์žˆ๋‹ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋˜๋Š”๋ฐ์š” ์‹ค์งˆ์ ์œผ๋กœ ์‚ฌ์ด์ฆˆ๋Š” 1+10+200+10+1 = 223์ด ๋ฉ๋‹ˆ๋‹ค. div {width:200px; height:50px; padding:10px; border:1px solid #ccc} ๊ทธ๋ž˜์„œ 200์—์„œ 22๋ฅผ ๋บ€ 178์„ width ๊ฐ’์„ ์ค˜์•ผ ์‹ค์งˆ์ ์œผ๋กœ ๋””์ž์ธ๋œ 200px์— ๋งž๊ฒŒ ์ฝ”๋”ฉ์ด ๋์—ˆ์ฃ .. ๊ทธ๋ž˜์„œ ์ด ๋ถ€๋ถ„์„ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•œ css3 ์ƒˆ๋กœ์šด ์†์„ฑ์ด ์žˆ๋Š”๋ฐ์š”. ๋ฐ”๋กœ ๋ฐ•์Šค์‚ฌ์ด์ง•์ž…๋‹ˆ๋‹ค. box-sizing:border-box padding๊ณผ border๋ฅผ width์— ํฌํ•จํ•˜์—ฌ ๊ณ„์‚ฐํ•ด์„œ ์›น์— ์ ์šฉ์‹œ์ผœ์ค๋‹ˆ.. 2017. 6. 26.
css3 background-size ๊ธฐ์กด css์—์„œ ์ถ”๊ฐ€๋œ css3์ถ”๊ฐ€ ์†์„ฑ์ธ background-size์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ด…์‹œ๋‹ค. ๊ธฐ์กด์— ๋ฐฑ๊ทธ๋ผ์šด๋“œ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜์˜€์„๋•Œ ์ •๋ ฌ ๋ฐ ์œ„์น˜๋งŒ ์‚ฌ์šฉํ• ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ background-size ์ด ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋”์šฑ ํŽธ๋ฆฌํ•œ ๋ฐฑ๊ทธ๋ผ์šด๋“œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. ์šฐ์„  ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์†์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. auto ๊ธฐ๋ณธ๊ฐ’. ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„์™€ ๋†’์ด๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. lenth ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„์™€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ๊ฐ’์€ ๋„ˆ๋น„๋ฅผ ์„ค์ •ํ•˜๊ณ  ๋‘ ๋ฒˆ์งธ ๊ฐ’์€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ํ•˜๋‚˜์˜ ๊ฐ’๋งŒ ์ฃผ์–ด์ง€๋ฉด ๋‘ ๋ฒˆ์งธ ๊ฐ’์€ "auto"๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. percentage ๋ถ€๋ชจ ์š”์†Œ์˜ ๋ฐฑ๋ถ„์œจ๋กœ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„์™€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ๊ฐ’์€ ๋„ˆ๋น„๋ฅผ ์„ค์ •ํ•˜๊ณ  ๋‘ ๋ฒˆ์งธ ๊ฐ’์€ ๋†’์ด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ํ•˜๋‚˜์˜ ๊ฐ’๋งŒ ์ฃผ์–ด์ง€๋ฉด ๋‘.. 2017. 6. 25.