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

์›น(IT) ์ •๋ณด31

ํฌํ† ์ƒต Lasso Tool ์ž์œจ์˜์—ญ์„ ํƒํˆด ๋ผ์˜ํˆด์€ ๋งˆํ‚คํˆด๊ณผ ์˜์—ญ์„ ํƒ์ด๋ผ๋Š” ๋ฐฉ์‹์€ ๊ฐ™์ง€๋งŒ ์กฐ๊ธˆ ๋” ์ž์œจ์ ์ž…๋‹ˆ๋‹ค. ์™ผ์ชฝ ๋งˆ์šฐ์Šค๋ฅผ ํด๋ฆญํ•œ ํ›„ ๊ทธ๋Œ€๋กœ ๋“œ๋ž˜๊ทธ๋‚˜ ์›€์ง์ด๋ฉด ๋–ผ๊ธฐ์ „๊นŒ์ง€ ์„ ํƒ์˜์—ญ์ด ํ™œ์„ฑํ™” ๋ฉ๋‹ˆ๋‹ค. ์™ผ์ชฝ ๋ชจ์Œ ํˆด์—์„œ ์œ„์™€๊ฐ™์ด ์„ ํƒ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. Lasso Tool (L) - ๋งˆ์šฐ์Šค๋ฅผ ์›€์ง์ด๋ฉด์„œ ์ž์œจ์ ์œผ๋กœ ์„ ํƒ์˜์—ญ์„ ๋งŒ๋“ค์–ด ๊ฐ‘๋‹ˆ๋‹ค. Polygnal Lasso Tool (L) - ํด๋ฆฌ๊ณค ํ˜•์‹ ์ฆ‰ ์ -์„ -์ -์„  ์‹์œผ๋กœ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ํฌ์ธํŠธ๋ฅผ ์ฐ์œผ๋ฉด์„œ ์„ ํƒ์˜์—ญ์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๊ฐ์ ธ์žˆ๋Š” ์ด๋ฏธ์ง€ ๋“ฑ์— ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. Magnetic Lasso Tool (L) - ์ž์„ํ˜•ํƒœ๋กœ ํฌํ† ์ƒต ์ž์ฒด์—์„œ ๋น„์Šทํ•œ ์ปฌ๋Ÿฌ์— ๊ทธ๋Œ€๋กœ ์„ ํƒ์˜์—ญ์„ ๋งŒ๋“ค์–ด ์ค๋‹ˆ๋‹ค. ์•„๋ฌด๋ฆฌ ์„ธ์›”์ด ๋ณ€ํ•˜๊ณ  ์ข‹์•„์ง€๋”๋ผ๋„ ์ž์„ํˆด์€ ๋Š˜ ๋น„์Šทํ•œ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ฐฐ๊ฒฝ๊ณผ ์ปฌ๋Ÿฌ๊ฐ€ ์™„์ „ ํ‹€๋ ค์ง€์ง€ ์•Š๋Š” ์ด์ƒ ์™„๋ฒฝํ•˜๊ฒŒ ์„ ํƒ์ด ๋˜์ง€ ์•Š.. 2017. 9. 17.
ํฌํ† ์ƒต Marquee Tool ์˜์—ญ์„ ํƒ ํˆด ๋งˆํ‚คํˆด์€ ์˜์—ญ์„ ์„ ํƒํ•˜์—ฌ ํ•ด๋‹น ์˜์—ญ์— ์ปฌ๋Ÿฌ๋‚˜ ์ด๋ฏธ์ง€ ํŽธ์ง‘์ด ๊ฐ€๋Šฅํ•œ ํˆด์ž…๋‹ˆ๋‹ค. ์™ผ์ชฝ ํˆด๋ชจ์Œ์—์„œ ์œ„์™€ ๊ฐ™์ด ์„ ํƒ์ด ๊ฐ€๋Šฅํ•œ๋ฐ์š”. rectangular - ์‚ฌ๊ฐํ˜• ๋ชจ์–‘์˜ ์„ ํƒ elliptical - ์›ํ˜•์˜ ๋ชจ์–‘ ์„ ํƒ single row - ๊ฐ€๋กœ 1px์˜ ๋ฌธ์„œ ์ „์ฒด ์„ ํƒ single column - ์„ธ๋กœ 1px ๋ฌธ์„œ ์ „์ฒด ์„ ํƒ Tip > shift + ๋งˆ์šฐ์Šค ๋“œ๋ž˜๊ทธ ์‹œ ์ •์‚ฌ๊ฐํ˜•์˜ ๋ชจ์–‘์ด ์ƒ๊ธฐ๋ฉฐ alt + ์‹œ ๋งˆ์šฐ์Šค ์‹œ์ž‘์ค‘์ ๋ถ€ํ„ฐ ์˜์—ญ์„ ์„ ํƒํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋‹จ์ถ•ํ‚ค๋Š” m ํ‚ค ์ด๋ฉฐ shift +m ์„ ๋ˆ„๋ฅด๋ฉด ์‚ฌ๊ฐ,์›ํ˜•์œผ๋กœ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€์— ๋‚˜์™€์žˆ๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ M ์žˆ๋Š” ๋ถ€๋ถ„๋งŒ ๋ณ€๊ฒฝ๋˜๋ฏ€๋กœ single row๋ฅผ ์„ ํƒํ•˜๋ ค๋ฉด ๋งˆ์šฐ์Šค๋กœ ํด๋ฆญํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. New Selection, Add to Selection, Subtract fr.. 2017. 9. 16.
ํฌํ† ์ƒต Move Tool (์„ ํƒ,์ด๋™ํˆด) ํฌํ† ์ƒต์„ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ์žˆ์–ด ๊ฐ€์žฅ ์ค‘์š”ํ•˜๊ณ  ์ œ์ผ ๋งŽ์ด์“ฐ๋Š” ๋ฌด๋ธŒํˆด์ž…๋‹ˆ๋‹ค.๋ฌด๋ธŒํˆด์€ ๊ฐ ๋ ˆ์ด์–ด๋ฅผ ์„ ํƒํ•˜์—ฌ ๋งˆ์šฐ์Šค ๋˜๋Š” ํ‚ค๋ณด๋“œ ๋ฐฉํ–ฅํ‚ค๋กœ ์กฐ์ž‘ํ•˜์—ฌ ์›€์ง์ž…๋‹ˆ๋‹ค.ํ‚ค๋ณด๋“œ ๋‹จ์ถ•ํ‚ค๋Š” V ์ž…๋‹ˆ๋‹ค. ๋ฌด๋ธŒํˆด์„ ์„ ํƒํ•˜๋ฉด ์œ„์™€๊ฐ™์ด ์˜ต์…˜์ด ์žˆ๋Š”๋ฐ์š”. Auto-Select๋Š” ๋งˆ์šฐ์Šค ์™ผ์ชฝ ํด๋ฆญ์œผ๋กœ ํ•ด๋‹น ๋ ˆ์ด์–ด๋ฅผ ์„ ํƒํ•˜๋Š” ๊ฒƒ ์ธ๋ฐ์š”.์ฒดํฌ๊ฐ€ ํ’€๋ ค์žˆ์œผ๋ฉด ์™ผ์ชฝํด๋ฆญํ•ด๋„ ์„ ํƒ์ด ์•ˆ๋˜๊ณ  ์ฒดํฌ๊ฐ€ ๋˜์–ด์žˆ์œผ๋ฉด ์™ผ์ชฝ ํด๋ฆญ๋งŒ์œผ๋กœ๋„ ๋ ˆ์ด์–ด๊ฐ€ ์„ ํƒ์ด ๋ฉ๋‹ˆ๋‹ค. ์ฒดํฌ๊ฐ€ ํ’€๋ ค์žˆ์„๋•Œ Ctrl ๋ˆ„๋ฅด๋ฉด์„œ ๋งˆ์šฐ์Šค ์™ผ์ชฝ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ์ฒดํฌ ๋˜์–ด์žˆ๋Š”๊ฒƒ๊ณผ ๋™์ผํ•œ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์˜† Layer ์…€๋ ‰ํŠธ ๋ฐ•์Šค๋ฅผ ํด๋ฆญํ•ด๋ณด๋ฉด Layer, Group ๋‘๊ฐ€์ง€๊ฐ€ ๋‚˜์˜ค๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ ˆ์ด์–ด๋ฅผ ์„ ํƒํ•  ๊ฒƒ์ธ์ง€ ๊ทธ๋ฃน์„ ์„ ํƒํ•  ๊ฒƒ์ธ์ง€ ์„ ํƒํ•ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. Show Transform Contro.. 2017. 9. 16.
CSS3 shadows ๊ทธ๋ฆผ์žํšจ๊ณผ CSS3๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ์™€ ์š”์†Œ์— ๊ทธ๋ฆผ์ž๋ฅผ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” CSS๋Š” ํ…์ŠคํŠธ์™€ ๋ฐ•์Šค ์‰๋„์šฐ ๋‘๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹คtext-shadowbox-shadow text-shadow๋Š” ํ…์ŠคํŠธ์— ๊ทธ๋ฆผ์ž๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ˆ˜ํ‰ 2px๊ณผ ์ˆ˜์ง 2px๋กœ ๊ฐ€์žฅ ์‰ฝ๊ฒŒ ์ ์šฉํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. SHADOW EFFECTtext-shadow: 2px 2px;์ˆ˜์ง๊ณผ ์ˆ˜ํ‰์˜ ์‰๋„์šฐ๋Š” ์•„์‹œ๊ฒ ์ฃ ? SHADOW EFFECTtext-shadow: 2px 2px blue; ์‰๋„์šฐ์˜ ์ปฌ๋Ÿฌ๋Š” ์ˆ˜์ง์ˆ˜ํ‰ ๋’ค์— ์ ์–ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. SHADOW EFFECTtext-shadow: 2px 2px 5px blue; ์ˆ˜์ง ์ˆ˜ํ‰๋’ค์— ์‰๋„์šฐ์— ํ๋ฆผ ํšจ๊ณผ๋ฅผ ์ถ”๊ฐ€ํ•ด์ค๋‹ˆ๋‹ค. SHADOW EFFECTtext-shadow: 0px 0px 5px #0874c6; .. 2017. 8. 30.
CSS FONTS ํฐํŠธ ๊ธ€๊ผด ์„ค์ • CSS์—์„œ์˜ ํฐํŠธ ๊ธ€๊ผด ์„ค์ •์€ ํฐํŠธ์˜ ๊ตต๊ธฐ, ํฌ๊ธฐ, ํ…์ŠคํŠธ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. font์˜ ์†์„ฑ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.font-family - ๊ธ€๊ผด์˜ ๋ชจ์Œ์„ ์ง€์ •ํ•  ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.์˜ˆ> font-family:'dotum', san serif;ํฐํŠธํŒจ๋ฐ€๋ฆฌ ์†์„ฑ์€ ์—ฌ๋Ÿฌ ๊ธ€๊ผด์„ ๋„ฃ๋Š”๊ฒŒ ์ข‹์Šต๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ฒซ๋ฒˆ์งธ ๊ธ€๊ผด์„ ์ฝ์ง€ ๋ชปํ•˜๊ฑฐ๋‚˜ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ๋‹ค์Œ ์ˆœ์„œ์˜ ๊ธ€๊ผด์„ ์ง€์ •ํ•˜์—ฌ ์ ์šฉ์‹œํ‚ต๋‹ˆ๋‹ค. ๊ธ€๊ผด์ด ์—†๋Š”๊ฒฝ์šฐ์—๋Š” ๋น„์Šทํ•œ ๊ธ€๊ผด๋กœ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ์˜๋ฌธ์˜ ๋‹จ์–ด๊ฐ€ ๋‘๋‹จ์–ด ์ด์ƒ์ผ ๊ฒฝ์šฐ์—๋Š” "๋”ฐ์˜ดํ‘œ"๋กœ ๋ฌถ์–ด์ค˜์•ผ ํ•ฉ๋‹ˆ๋‹ค. font-size - ๊ธ€๊ผด์˜ ํฌ๊ธฐ ์‚ฌ์ด์ฆˆ๋ฅผ ์ง€์ •ํ• ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.ํ…์ŠคํŠธ ํฌ๊ธฐ์˜ ์ง€์ •์€ ๊ต‰์žฅํžˆ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ํฌํ† ์ƒต๋””์ž์ธ ์‹œ์•ˆ์—์„œ์˜ ์‚ฌ์ด์ฆˆ์™€ html์—์„œ์˜ ์‚ฌ์ด์ฆˆ์™€ ๋งž์ถฐ์•ผ ํ•˜๋ฉฐ ์ ˆ๋Œ€ ํฌ๊ธฐ ๋˜๋Š” ์ƒ๋Œ€ํฌ๊ธฐ๋กœ ๋งž์ถฐ์•ผ .. 2017. 8. 30.
html tag ํƒœ๊ทธ ๋ฆฌ์ŠคํŠธ html ํƒœ๊ทธ ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ ํƒœ๊ทธ์„ค๋ช… ์ผ๋ช… ์ฃผ์„์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. html์ค‘์—์„œ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๋ถ€๋ถ„์„ ์ฃผ์„์ฒ˜๋ฆฌํ•˜์—ฌํ•ด๋‹นํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ html์ค‘ ๋ฉ”๋ชจ๋ฅผ ๋„ฃ๋Š”๋ฐ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. aํƒœ๊ทธ๋Š” ํ•˜์ดํผ๋งํฌ ํƒœ๊ทธ๋กœ์จ html๋ฌธ์„œ๊ฐ„์˜ ํŽ˜์ด์ง€ ์ด๋™์„ ์œ„ํ•˜์—ฌ a href="" ๋ฐฉ์‹์œผ๋กœ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. ํ•ด๋‹น๋ฌธ์„œ์˜ ์ž‘์„ฑ์ž ๋˜๋Š” ์†Œ์œ ์ž์˜ ์—ฐ๋ฝ์ฒ˜ ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. ์—์–ด๋ฆฌ์–ด ์•ˆ์— ์ด๋ฏธ์ง€๋“ค์˜ ์ด๋ฏธ์ง€ ๋งต์„ ์„ค์ •ํ•˜๋Š” ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์ด๋ฏธ์ง€์— ์—ฌ๋Ÿฌ๊ฐœ์˜ ๋งํฌ๊ฐ€ ์žˆ๊ฑฐ๋‚˜ ๋˜๋Š” ํŠน์ •์œ„์น˜์— ๋งํฌ๋ชจ์–‘์„ ๋งŒ๋“ค์–ด ๋„ฃ๊ฑฐ๋‚˜ ํ• ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋…๋ฆฝ์ ์ธ ์ปจํ…์ธ ๋ฅผ ์ง€์ •ํ• ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋””์˜ค ์ปจํ…์ธ ๋ฅผ ์‚ฌ์šฉํ• ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํ•ด๋‹น ํƒœ๊ทธ์•ˆ์— ํ…์ŠคํŠธ๋“ค์€ ๋ชจ๋‘ bold๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ฌธ์„œ์˜ ๋ชจ๋“  ์ƒ๋Œ€๊ฒฝ๋กœ url์„ ์ง€์ •ํ•˜์—ฌ ์ƒ๋Œ€๊ฒฝ๋กœ๋ฅผ ์ค„์—ฌ์„œ ์“ธ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. h.. 2017. 8. 23.