728x90
๋ฐ˜์‘ํ˜•
 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•] IE9์—์„œ ์ž๋™์œผ๋กœ ์ด๋ฏธ์ง€ ๋†’์ด๊ฐ’์„ default size๋กœ ๊ณ„์‚ฐํ•˜๋Š” ๊ฒฝ์šฐ

IE์—์„œ height auto๋ฅผ ์ •์˜ํ•ด์ฃผ์ง€ ์•Š์œผ๋ฉด, ๊ธฐ๋ณธ์ ์œผ๋กœ ์ด๋ฏธ์ง€์˜ ๊ณ ์œ  ๋†’์ด๊ฐ’์„ ์ž๋™์‚ฝ์ž…ํ•œ๋‹ค.

2020.02.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

display: inline-block ์†์„ฑ ์ˆจ๊ฒจ์ง„ ์—ฌ๋ฐฑ ์ œ๊ฑฐ

block ์†์„ฑ์„ ๊ฐ€์ง„ ํƒœ๊ทธ ์•ˆ์ชฝ์— inline element๊ฐ€ ์žˆ์œผ๋ฉด, ๊ธฐ๋ณธ์ ์œผ๋กœ block ์†์„ฑ๊ณผ inline ์†์„ฑ ์‚ฌ์ด์— ๋นˆ ์—ฌ๋ฐฑ์ด ์กด์žฌํ•œ๋‹ค. ํ•ด๊ฒฐ๋ฒ• wrapping๋œ ํƒœ๊ทธ์— font-size:0; letter-spacing:0; word-spacing:0;๊ฐ’์„ ๋„ฃ์–ด์„œ ์ดˆ๊ธฐํ™” ์‹œ์ผœ์ฃผ๊ณ  ๋‚ด๋ถ€ ํƒœ๊ทธ์— ๋‹ค์‹œ ์ •์˜ ๋‚ด๋ ค์ฃผ๋ฉด ํ•ด๊ฒฐ๋œ๋‹ค. ํ•ด๊ฒฐํ•˜๊ธฐ ์–ด๋ ต๋‹ค๋ฉด, float ์†์„ฑ์œผ๋กœ ๊ตฌํ˜„ํ•˜๋ฉด ํ•ด๊ฒฐ๋œ๋‹ค.

2020.02.13 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

CSS Normalize & CSS Reset

๋ชจ๋“  ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” HTML ์—˜๋ฆฌ๋จผํŠธ๋“ค์— ์ž์ฒด์ ์œผ๋กœ ์„ค์ •๋œ ์Šคํƒ€์ผ์„ ๋ฐ˜์˜ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ง์€ ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค HTML ์—˜๋ฆฌ๋จผํŠธ ์Šคํƒ€์ผ์— ๋Œ€ํ•œ ์ฒ˜๋ฆฌ๊ณผ์ •์ด ์กฐ๊ธˆ์”ฉ ๋‹ค๋ฅด๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์‚ฌํŒŒ๋ฆฌ์™€ ํฌ๋กฌ์€ ๋™์ผํ•œ HTML ๋ฌธ์„œ๋ฅผ ๋‹ค๋ฅด๊ฒŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ฐจ์ด์ ์€ ๋‚ด์žฅ๋œ ๋ธŒ๋ผ์šฐ์ € ์Šคํƒ€์ผ๋ง ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ € ๊ฐ„ ์Šคํƒ€์ผ ๋ถˆ์ผ์น˜๋ฅผ ํ”ผํ•˜๊ธฐ ์œ„ํ•ด ๋‚ด์žฅ๋œ ๋ธŒ๋ผ์šฐ์ € ์Šคํƒ€์ผ๋ง์„ ์ œ๊ฑฐํ•จ์œผ๋กœ์จ ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค์˜ ์Šคํƒ€์ผ๋ง ์ฐจ์ด์ ์„ ์—†์•จ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋‚ด์žฅ๋œ ๋ธŒ๋ผ์šฐ์ € ์Šคํƒ€์ผ๋ง์„ ์ดˆ๊ธฐํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด CSS Reset๊ณผ CSS Normalize์ž…๋‹ˆ๋‹ค. CSS Reset CSS Reset ์Šคํƒ€์ผ์‹œํŠธ๋Š” ๋ชจ๋“  HTML ์š”์†Œ์— ๋Œ€ํ•œ ๋‚ด์žฅ ์Šคํƒ€์ผ๋ง์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค. CSS Reset์€ ๋ณดํŽธ์ ์œผ๋กœ Eric Meyer๊ฐ€ ์ œ..

2019.08.01 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Bootstrap

[Bootstrap] ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ์„ ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• (bootstrap - grid system)

๋ถ€ํŠธ์ŠคํŠธ๋žฉ5 ์•ŒํŒŒ๊ฐ€ ๋Ÿฐ์นญ๋˜์—ˆ์Šต๋‹ˆ๋‹ค! ์•„๋ž˜์—์„œ ํ™•์ธํ•ด๋ด์š”! ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5(Bootstrap 5) ์•ŒํŒŒ๋ฒ„์ „ ์ถœ์‹œ! ๋‚จ๋“ค๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ๊ณต๋ถ€ํ•ด๋ณด์ž! ๐ŸŽ‰ Bootstrap 5 Alpa ๋“œ๋””์–ด ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5 ์•ŒํŒŒ๋ฒ„์ „์ด ๋‚˜์™”์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ ํ•™๋ถ€์‹œ์ ˆ์— ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ๊ด€๋ จ ๊ธ€์„ ์ผ๋˜๊ฒŒ ์—Š๊ทธ์ œ ๊ฐ™์€๋ฐ ๋ฒŒ์จ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5 ์•ŒํŒŒ๊ฐ€ ๋‚˜์˜ค๋‹ค๋‹ˆ.. ์ •๋ง ์„ธ์›”์ด ๋น ๋ฅธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค webruden.tistory.com ๋ถ€ํŠธ์ŠคํŠธ๋žฉ (Bootstrap) ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์€ ํŠธ์œ„ํ„ฐ์˜ ์›น ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŒ๋“  ์˜คํ”ˆํ˜• UI ํ”Œ๋Ÿฌ๊ทธ์ธ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ „ ์„ธ๊ณ„์˜ ์›น์ œ์ž‘์ž๋“ค์—๊ฒŒ ํŽธ๋ฆฌ์„ฑ์„ ์ฃผ๊ณ ์ž ๋งŒ๋“ค์–ด์กŒ์œผ๋ฉฐ ๋ณด๋‹ค ํŽธ๋ฆฌํ•˜๊ณ  ๋น ๋ฅด๊ฒŒ ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ณ  ๋‹ค์–‘ํ•œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์€ ๋ฏธ๋ฆฌ ์ •์˜๋œ ์Šคํƒ€์ผ์‹œํŠธ์™€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌ๋™ํ•˜๋Š” ํ”Œ๋Ÿฌ..

2016.10.17 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[CSS3] Position : Float์˜ ๋ถ€๋ชจ height๊ฐ€ ์ ์šฉ์ด ์•ˆ๋˜๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ๋ฒ•

css3์—์„œ ์ž์‹์š”์†Œ์— float๋ฅผ ์ ์šฉํ•˜๋ฉด ๋ถ€๋ชจ์˜ height๊ฐ€ 0์œผ๋กœ ๋˜์–ด๋ฒ„๋ฆฌ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ์ด ํ˜„์ƒ์„ ํ•ด๊ฒฐํ•˜๋Š” ๋ฒ•์„ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ๋ณด์‹œ๋ฉด nav์˜ ๋ถ€๋ชจํƒœ๊ทธ์ธ header์˜ height๊ฐ€ 0๊ฐ€ ๋˜๋Š” ํ˜„์ƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์œ ๋Š” float ์†์„ฑ์€ ์‰ฝ๊ฒŒ ๋งํ•ด ์˜ค๋ฅธ์ชฝ์ด๋‚˜ ์™ผ์ชฝ์œผ๋กœ ๋ถ•~๋„์šด๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค. ํ•œ๋งˆ๋””๋กœ ๋ถ€๋ชจ๋ฅผ float๋กœ ์„ค์ •ํ•˜์ง€ ์•Š๋Š” ์ด์ƒ, ๊ฑฐ๊ธฐ์— ์ ์šฉ๋ฐ›์ง€ ์•Š๊ณ  ๋…๋ฆฝ์ ์œผ๋กœ ์œ„๋กœ ๋– ์žˆ๋Š” ์ƒํƒœ์ฃ . ์ด ์ƒํƒœ๋ฅผ ๋ถ€๋ชจ์š”์†Œ๊นŒ์ง€ ์ ์šฉ์„ ์‹œํ‚ค๋ ค๋ฉด ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๋ฐฉ๋ฒ• 1 (๊ฐ€์ƒ ์„ ํƒ์ž :after๋กœ clear ํ•˜๋Š” ๋ฐฉ๋ฒ•) ๊ฐ€์žฅ ํƒ์›”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋ผ ์ฒซ๋ฒˆ์งธ๋กœ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์šฐ์„  "๊ฐ€์ƒ ์„ ํƒ์ž"๋ผ๋Š” ๊ฐœ๋…์„ ์ดํ•ดํ•˜์…”์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์•ฝ๊ฐ„ ์ดํ•ด๊ฐ€ ํ•„์š”ํ•œ๋ฐ์š”. ๊ฐ€์ƒ์„ ..

2016.10.14 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[CSS3] Height :100% ๊ฐ€ ์ ์šฉ๋˜์ง€ ์•Š์„๋•Œ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•

์›นํ‘œ์ค€์œผ๋กœ ์ฝ”๋”ฉ์„ ํ•˜๋‹ค๋ณด๋ฉด Height ๋‹จ์œ„์ธ %๊ฐ€ ์ ์šฉ์ด ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. px๋‹จ์œ„๋กœ๋Š” height ๊ฐ’์ด ์ ์šฉ๋˜๋Š”๋ฐ %๋Š” ์ ์šฉ์ด ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ์˜ ๋Œ€์ฒ˜๋ฒ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ box ํด๋ž˜์Šค์— height 100%๋ฅผ ๋จน์—ฌ๋ณด์•˜์œผ๋‚˜ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ, ํ•„์š”ํ•  ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•ด์„œ ํ•œ๋ฒˆ ์•Œ์•„๋ณด๋„๋กํ•˜์ฃ . HEIGHT:100%๊ฐ€ ์ ์šฉ๋˜๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ƒ๊ฐ๋ณด๋‹ค ์ •๋ง ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ์š”.html๊ณผ body ํƒœ๊ทธ์— height 100%๋ฅผ ๋„ฃ์–ด์ฃผ๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ์ ์šฉ์‹œ์ผœ์ฃผ๋ฉด ์ •์ƒ์ ์œผ๋กœ box ํด๋ž˜์Šค์— height 100%๊ฐ€ ์ ์šฉ๋จ์„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›์ธ : %๋Š” ์ƒ๋Œ€์ ์ธ ๊ฐ’์ธ๋ฐ div์˜ height๊ฐ’์— %๋ฅผ ์ ์šฉํ•˜๋ฉด ๊ธฐ์ค€์œผ๋กœ ์‚ผ์„ ์ƒ์œ„..

2016.10.12 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/SASS

[4๊ฐ•] ํšจ์œจ์ ์ธ CSS์ž‘์—…์„ ์œ„ํ•œ SASS ๊ฐ•์˜

์ฃผ์„ ์ฒ˜๋ฆฌ SASS ํŒŒ์ผ ๋‚ด๋ถ€์— ์ฃผ์„์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋‘ ์ข…๋ฅ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ CSS์™€ ๋™์ผํ•˜๊ฒŒ ์ด๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์ด๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฒฐ๋ก ์ ์œผ๋กœ ๋งํ•˜๋ฉด ์ฒซ๋ฒˆ์งธ ๋ฐฉ์‹์€ SASS ์ปดํŒŒ์ผ์˜ ๊ฒฐ๊ณผ๋ฌผ์ธ CSS ํŒŒ์ผ์—๋„ ๊ทธ๋Œ€๋กœ ๋ฐ˜์‘๋˜๋Š” ๋ฐ˜๋ฉด, ๋‘๋ฒˆ์งธ ๋ฐฉ๋ฒ•์€ CSS ํŒŒ์ผ์— ์ „ํ˜€ ๋‚˜ํƒ€๋‚˜์งˆ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ์ฒซ๋ฒˆ์งธ ๋ฐฉ์‹์€ CSS ํŒŒ์ผ์— ์ €์ž‘๊ถŒ ๋˜๋Š” CSS ํŒŒ์ผ ๋ฒ„์ „ ๋“ฑ์„ ํ‘œ์‹œํ•  ๋•Œ ์‚ฌ์šฉํ•˜๊ณ , ๋‘๋ฒˆ์งธ ๋ฐฉ์‹์€ SASS์˜ ์†์„ฑ์„ ์ง€์ •ํ•˜์—ฌ ์œ ์ง€๋ณด์ˆ˜ ํ•  ๋•Œ ํŽธํ•ฉ๋‹ˆ๋‹ค. ์™œ๋ƒํ•˜๋ฉด CSS ํŒŒ์ผ ๋‚ด๋ถ€์— ํ…์ŠคํŠธ๊ฐ€ ๋งŽ์œผ๋ฉด ๋งŽ์„์ˆ˜๋ก ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์‚ฌ์ดํŠธ๋ฅผ ๋ Œ๋”๋ง ํ•˜๋Š” ์†๋„๊ฐ€ ๋”๋ŽŒ์ง€๊ฒŒ ๋  ๊ฒƒ์ด๊ณ , ๋˜ํ•œ CSS ์†์„ฑ์— ๋Œ€ํ•ด์„œ ๊ตณ์ด ๊ฐœ๋ฐœ์ž ์ด์™ธ์˜ ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ๋ณด์—ฌ ์ค„ ํ•„์š”๊ฐ€ ์—†๋‹ค๊ณ  ๋ณด๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ..

2016.09.29 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/SASS

[2๊ฐ•] ํšจ์œจ์ ์ธ CSS์ž‘์—…์„ ์œ„ํ•œ SASS ๊ฐ•์˜

Sass ๊ฐ•์˜ ๋ณ€์ˆ˜(Variables) ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ถ€๋ถ„์ด ๋ฐ”๋กœ ๋ณ€์ˆ˜์ž…๋‹ˆ๋‹ค. ๋ณ€์ˆ˜๋ฅผ ์ด์šฉํ•˜๋ฉด ๋ณ€์ˆ˜๊ฐ’๋งŒ ๋ณ€๊ฒฝํ•จ์œผ๋กœ์จ ๊ฒฐ๊ณผ๋ฅผ ๋‹ค๋ฅด๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋“ฏ์ด, SASS์—์„œ๋„ ๋ฐ˜๋ณต์ ์œผ๋กœ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ถ€๋ถ„, ์˜ˆ๋ฅผ ๋“ค์–ด font ๋ชจ์–‘์ด๋‚˜ ์ƒ‰์ƒ๋“ค์„ ๋ณ€์ˆ˜๋กœ ์ง€์ •ํ•ด ๋†“๊ณ  ์ด ๋ณ€์ˆ˜๊ฐ’๋งŒ ๋ณ€๊ฒฝํ•ด ์ฃผ๋ฉด CSS๋ฅผ ์ •๋ง ๊ฐ„๋‹จํ•˜๊ฒŒ ์ œ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SASS์—์„œ๋Š” ๋ณ€์ˆ˜๋ฅผ ์ •์˜ํ•  ๋•Œ $ ๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ณ€์ˆ˜์˜ ์ด๋ฆ„์€ ์‚ฌ์šฉ์ž์— ์˜ํ•ด์„œ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ์†์„ฑ์€ CSS์˜ ์†์„ฑ์„ ์ง€์ •ํ•ด ์ค˜์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ‘์— ์˜ˆ์ œ๋ฅผ ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์œ„ ์˜ˆ์‹œ๋ฅผ ๋ณด๋ฉด $font_stack ์ด๋ผ๋Š” ๋ณ€์ˆ˜์™€ $primary_color ๋ผ๋Š” ๋ณ€์ˆ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.๊ฐ ๋ณ€์ˆ˜๋“ค์—๋Š” CSS์˜ ์†์„ฑ์„ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. $font_stack์—๋Š” Helveti..

2016.09.24 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๋ธ”๋กœ๊ทธ/ํ‹ฐ์Šคํ† ๋ฆฌ ํŒ

[์›นํฐํŠธ] ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋‚˜๋ˆ”๋ฐ”๋ฅธ๊ณ ๋”• ํฐํŠธ ์ ์šฉ

ํ•˜๋ฃจ์— ์ ์ง€์•Š์€ ์–‘์˜ ๊ธ€๋“ค(์ฃผ๋กœ ์›นํŽ˜์ด์ง€)์„ ์ฝ๊ฒŒ ๋˜๋Š”๋ฐ ์ด๋”ฐ๊ธˆ์”ฉ ๊ธ€๊ผด์˜ ์ค‘์š”์„ฑ์„ ์‹ค๊ฐํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ €๋Š” ๊ธ€๊ผด ์ค‘์—๋„ "๋‚˜๋ˆ”๋ฐ”๋ฅธ๊ณ ๋”•"์„ ์„ ํ˜ธํ•˜๋Š”๋ฐ์š”. ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด์„œ ๋ธ”๋กœ๊ทธ ๋””ํดํŠธ ํฐํŠธ๋กœ ๋‚˜๋ˆ”๋ฐ”๋ฅธ๊ณ ๋”•์œผ๋กœ ์„ค์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ์›นํฐํŠธ๋กœ ํฐํŠธ๋ฅผ ์ ์šฉ์‹œ์ผฐ๊ณ , ์ ์šฉ์‹œํ‚ค๋Š” ๋ฒ•์— ๋Œ€ํ•ด์„œ ์ด์„ค๋ช…ํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค ! HTML / CSS๋ฅผ ๋ชจ๋ฅด๋Š” ์ดˆ์‹ฌ์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•  ์˜ˆ์ •์ด๋‹ˆ ์ด ๊ธ€์„ ์ญ‰ ๋”ฐ๋ผ์„œ ์ ์šฉํ•˜์‹œ๋ฉด ์‰ฝ๊ฒŒ ์ ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์„ ๊ฒ๋‹ˆ๋‹ค. ์™ผ์ชฝ ์ค‘๊ฐ„์ฏค์— ์žˆ๋Š” HTML / CSS ํŽธ์ง‘์„ ๋“ค์–ด๊ฐ€๋ฉด ์ด๋ ‡๊ฒŒ HTML/ CSS์„ ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ์—๋””ํ„ฐ๋ฅผ ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ด์ œ ์—ฌ๊ธฐ์„œ ๋ช‡ ๊ฐ€์ง€ ์ฝ”๋“œ๋ฅผ ์ ์šฉ์„ ์‹œ์ผœ์•ผ ๋˜๋Š”๋ฐ์š”. ์˜ค๋ฅธ์ชฝ HTML ๋ฌธ์„œ ํŒŒ์ผ์— ๋ถ€๋ถ„์ด ์žˆ์„๊ฒ๋‹ˆ๋‹ค. ๊ทธ ๋ฐ”๋กœ ์œ„์— ์•„๋ž˜์— ์ฝ”๋“œ๋ฅผ ์ง‘์–ด ๋„ฃ๋„๋ก ํ•˜๊ฒ ..

2016.09.22 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] IQ Test

Bob is preparing to pass IQ test. The most frequent task in this test is to find out which one of the given numbers differs from the others. Bob observed that one number usually differs from the others in evenness. Help Bob โ€” to check his answers, he needs a program that among the given numbers finds one that is different in evenness, and return a position of this number. ! Keep in mind that you..

2016.09.21 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Exes and Ohs

Description: Check to see if a string has the same amount of 'x's and 'o's. The method must return a boolean and be case insensitive. The string can contains any char. Examples input/output: XO("ooxx") => true XO("xooxx") => false XO("ooxXm") => true XO("zpzpzpp") => true // when no 'x' and 'o' is present should return true XO("zzoo") => false

2016.09.21 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Find the next perfect square!

Description: You might know some pretty large perfect squares. But what about the NEXT one? Complete the findNextSquare method that finds the next integral perfect square after the one passed as a parameter. Recall that an integral perfect square is an integer n such that sqrt(n) is also an integer. If the parameter is itself not a perfect square, than -1 should be returned. You may assume the p..

2016.09.21 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ๊ฐ์ฒด (Javascript - Object)

์ด๋ฒˆ ๊ธ€์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ•ต์‹ฌ์ด๊ธฐ๋„ ํ•˜์ง€๋งŒ, ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šด ๊ฐ์ฒด์— ๋Œ€ํ•ด์„œ ๋‹ค๋ค„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด์ด๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด๋ฃจ๊ณ  ์žˆ๋Š” ๊ฑฐ์˜ ๋ชจ๋“  ๊ฒƒ๋“ค์ด ๊ฐ์ฒด๋กœ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ณต๋ถ€ํ•  ๋•Œ ๊ผญ ์ •๋ณตํ•ด์•ผ ํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ์ด ๋ฐ”๋กœ โ€œ๊ฐ์ฒดโ€์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ํ•œ๋งˆ๋””๋กœ ๊ฐ์ฒด๋Š” ์ž์‹ ์˜ ์ •๋ณด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋…๋ฆฝ์ ์ธ ์ฃผ์ฒด์ž…๋‹ˆ๋‹ค.๊ฐ์ฒด๋ฅผ ์ดํ•ดํ•˜๋ ค๋ฉด 'ํ”„๋กœํผํ‹ฐ'์™€ '๋ฉ”์†Œ๋“œ'๋ฅผ ์ดํ•ดํ•˜๊ณ  ์žˆ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.๊ฐ์ฒด๋ž€ ๊ฒƒ์€ ๊ฒฐ๊ตญ ํฌ์žฅ์„ ์ด๋ฃจ๋Š” ๋ง์ด๊ณ  ์‹ค์ œ ๊ฐ์ฒด๋ฅผ ์™„์„ฑ์‹œ์ผœ์ฃผ๋Š” ๊ฒƒ์€ ํ”„๋กœํผํ‹ฐ์™€ ๋ฉ”์†Œ๋“œ๋ผ๋Š” ๊ตฌ์„ฑ์š”์†Œ์ด๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์•„๋ž˜ ๊ทธ๋ฆผ์œผ๋กœ ๊ฐ์ฒด์— ๋Œ€ํ•ด ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๊ฐ์ฒด๋ผ๊ณ  ๋ถ€๋ฅด๋Š” ๊ฒƒ์€ ๋ฐ”๋กœ ์ปดํ“จํ„ฐ ์ผ€์ด์Šค์— ํ•ด๋‹นํ•˜๋Š”๋ฐ์š”. ์‹ค์ œ ์ปดํ“จํ„ฐ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์€ ๋ฉ”๋ชจ๋ฆฌ, ๊ทธ..

2016.09.21 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Isograms

Description: An isogram is a word that has no repeating letters, consecutive or non-consecutive. Implement a function that determines whether a string that contains only letters is an isogram. Assume the empty string is an isogram. Ignore letter case. isIsogram( "Dermatoglyphics" ) == true isIsogram( "aba" ) == false isIsogram( "moOse" ) == false // -- ignore letter case ๊ฐ™์€ ๋ฌธ์ž๊ฐ€ ๋‚˜์˜ค๋ฉด false๋ฅผ return..

2016.09.20 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Credit Card Mask

Description: Usually when you buy something, you're asked whether your credit card number, phone number or answer to your most secret question is still correct. However, since someone could look over your shoulder, you don't want that shown on your screen. Instead, we mask it. Your task is to write a function maskify, which changes all but the last four characters into '#'. Examples maskify("455..

2016.09.20 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Descending Order

Description:Your task is to make a function that can take any non-negative integer as a argument and return it with it's digits in descending order. Descending order means that you take the highest digit and place the next highest digit immediately after it.Examples:Input: 145263 Output: 654321Input: 1254859723 Output: 9875543221 Number ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ String ๋ฐ์ดํ„ฐ ํƒ€์ž…์œผ๋กœ ๋ณ€ํ™˜ ํ›„ ๋ฐฐ์—ด๋กœ ์ •๋ ฌํ•˜๊ณ  ๋‚ด๋ฆผ์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌํ•œ ๋‹ค์Œ ๋‹ค์‹œ Numb..

2016.09.20 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Vowel Count

Description:Return the number (count) of vowels in the given string.We will consider a, e, i, o, and u as vowels for this Kata. ๋ชจ์Œ์„ ์ฒดํฌํ•˜๋Š” ๋กœ์ง์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตฌํ˜„ํ–ˆ๋‹ค. ์•„์ง์€ ํ—ˆ์ ‘ํ•˜๊ธฐ ๊ทธ์ง€์—†๋Š” ์ฝ”๋“œ๋‹ค.์ข€ ๋” ๊ฐœ๋ฐœ์ž๋‹ต๊ฒŒ ์ฝ”๋“œ๋ฅผ ๊ฐœ์„ ํ•ด๋ณด๋ฉด ์•„๋ž˜์™€ ๊ฐ™๋‹ค. ๋งค์šฐ ๊ฐ„๋‹จํ•˜์ง€ ์•Š์€๊ฐ€?์ด์™€ ๊ฐ™์ด ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ๊ณผ ํšจ์œจ์„ฑ๊นŒ์ง€ ์ƒ๊ฐํ•˜๋ฉด์„œ ์งค ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋  ์ˆ˜ ์žˆ๋„๋ก ๋…ธ๋ ฅํ•ด์•ผ๊ฒ ๋‹ค. ์ฐธ๊ณ ๋กœ /[aeiou]/ ์™€ ๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ์ •๊ทœํ‘œํ˜„์‹์œผ๋กœ aeiou ์ค‘ 1๊ฐœ๊ฐ€ ํฌํ•จ๋˜๋Š”์ง€ ์ฒดํฌํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค. ๋’ค์— ig์˜ ๊ฒฝ์šฐ ๋Œ€๋ฌธ์ž/์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ณ„ํ•˜์ง€ ์•Š๊ฒŒ ํ•ด์ฃผ๋Š” ์ˆ˜์‹์–ด๋‹ค.

2016.09.19 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Mumbling

Description:This time no story, no theory. The examples below show you how to write function accum: Examples:accum("abcd"); // "A-Bb-Ccc-Dddd"accum("RqaEzty"); // "R-Qq-Aaa-Eeee-Zzzzz-Tttttt-Yyyyyyy"accum("cwAt"); // "C-Ww-Aaa-Tttt" The parameter of accum is a string which includes only letters from a..z and A..Z. ์ œ๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ณด๋‹ค ์•„๋ž˜ ์ฝ”๋“œ๊ฐ€ ํ›จ์”ฌ ๊ฐ€๋…์„ฑ์ด ์ข‹์€ ๋ชจ๋ฒ” ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค.

2016.09.19 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[CSS3] Position : Float

์ด์•ผ๊ธฐ์— ์•ž์„œ ์›น ๋ฌธ์„œ๊ฐ€ ํฌํ•จํ•˜๋Š” ๋ชจ๋“  ์š”์†Œ์˜ ์œ„์น˜๋ฅผ ์žก๋Š” ํฌ์ง€์…”๋‹(Positioning)์€ ์‚ฌ์‹ค ์›น ๋””์ž์ธ์˜ ๋ชจ๋“  ๊ฒƒ์ด๋ผ๊ณ  ํ‘œํ˜„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ง‘์„ ์ง€์„ ๋•Œ๋„ ๊ทธ์— ๋งž๋Š” Frame์„ ์ž˜ ์„ค๊ณ„๋ฅผ ํ•ด์•ผ ์›ํ•˜๋Š” ๋ชจ์–‘์˜ ์ง‘์„ ์ž˜ ์ง€์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›น์‚ฌ์ดํŠธ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€ ์ž…๋‹ˆ๋‹ค. ๋งŒ๋“ค๊ณ ์žํ•˜๋Š” ์›น์‚ฌ์ดํŠธ์˜ Layout์„ ์ž˜ ์žก์•„๋†”์•ผ ๊ทธ ๋‹ค์Œ ์„ธ๋ถ€์ ์ธ ๋””์ž์ธ์„ ์‰ฝ๊ฒŒ ์ ์šฉ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ํฌ์ง€์…”๋‹์€ ๊ฝค ๋‹ค์–‘ํ•œ ๊ฐœ๋…์„ ์ดํ•ดํ•˜๊ณ  ๊ทธ๊ฒƒ์„ ๋ณตํ•ฉ์ ์œผ๋กœ ์ž˜ ์‚ฌ์šฉํ•ด์•ผ๋งŒ ์›ํ•˜๋Š” ๊ฒฐ๊ณผ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์„๋ฟ๋”๋Ÿฌ, ํ˜„์žฌ์˜ ๊ธฐ์ˆ ๋กœ ํฌ์ง€์…”๋‹์„ ํ•˜๋Š”๋ฐ ์žˆ์–ด์„œ ๋ถ€๋”ชํžˆ๋Š” ํ•œ๊ณ„์™€ ๋ฒ„๊ทธ๋“ค์— ๋Œ€ํ•œ ์ดํ•ด๋„ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ํฌ์ง€์…”๋‹์„ ํ†ตํ•ด HTML ๋ฌธ๋ฒ•์€ ๋ฌผ๋ก , ์›น ๋””์ž์ธ์„ ์œ„ํ•œ ๊ธฐ์ดˆ ๊ณจ๊ฒฉ์„ ๋งŒ๋“œ๋Š” ๋ถ€๋ถ„์— ๋Œ€ํ•œ ๊ฐœ๋…๊นŒ์ง€ ์–ด๋Š์ •๋„ ํ™•๋ฆฝํ•  ์ˆ˜ ..

2016.09.19 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ˜ธ์ด์ŠคํŒ…(javascript hoisting)

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ณต๋ถ€ํ•˜๋‹ค๋ณด๋ฉด ๋‹ค๋ฅธ ์–ธ์–ด์™€ ๋‹ค๋ฅธ ์ ์ด ๋ช‡ ๊ฐ€์ง€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ค‘ ํ˜ธ์ด์ŠคํŒ… (Hoisting)์ด๋ผ ๋ถˆ๋ฆฌ๋Š” ๊ฒƒ์ด ์žˆ๋Š”๋ฐ ์ด ํฌ์ŠคํŒ…์€ ํ˜ธ์ด์ŠคํŒ…์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋Š” ๊ฒƒ์— ์ค‘์ ์„ ๋‘๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜ธ์ด์ŠคํŒ…(hoisting) Hoisting์€ hoist๋ผ๋Š” ๋‹จ์–ด์—์„œ ์ถœ๋ฐœํ•ฉ๋‹ˆ๋‹ค. โ€œ๋Œ์–ด ์˜ฌ๋ฆฌ๋Š” ์žฅ์น˜โ€, โ€œ๋Œ์–ด ์˜ฌ๋ฆฌ๊ธฐโ€๋ผ๋Š” ๋œป์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋„ ํ˜ธ์ด์ŠคํŒ…์€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋Œ์–ด ์˜ฌ๋ฆฐ๋‹ค๋Š” ๊ฒƒ์ด ํฌ์ธํŠธ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๋Œ์–ด์˜ฌ๋ ค์ง€๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ผ๊นŒ์š”? ๋ฐ”๋กœ ๋ณ€์ˆ˜(Variable)์ž…๋‹ˆ๋‹ค. ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งํ•ด์„œ JavaScript์—์„œ์˜ ํ˜ธ์ด์ŠคํŒ…์˜ ์˜๋ฏธ๋Š” ๋ณ€์ˆ˜ ์„ ์–ธ๋ฌธ์„ ๋Œ์–ด์˜ฌ๋ฆฐ๋‹ค๋Š” ๋œป์œผ๋กœ ์ดํ•ดํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ข€ ๋” ์ดํ•ด๋ฅผ ๋•๊ธฐ์œ„ํ•ด ์•„๋ž˜์˜ ์ฝ”๋“œ๋ฅผ ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์œ„์˜ ์ฝ”๋“œ๋Š” ํ˜ธ์ด์ŠคํŒ…์„ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•œ ๊ฐ„๋‹จํ•œ ์˜ˆ์ œ์ž…๋‹ˆ๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ๋ณด์‹œ..

2016.09.19 ๊ฒŒ์‹œ๋จ

728x90
๋ฐ˜์‘ํ˜•