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

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

CSS position ์š”์†Œ์˜ ์œ„์น˜์ •์˜ CSS position ์š”์†Œ์˜ ์œ„์น˜์ •์˜๊ฐ ์š”์†Œ๋“ค๊ณผ ๊ฐ์ฒด๋“ค์„ ์ฝ”๋”ฉํ•˜๋‹ค๋ณด๋ฉด position์„ ์ ์ ˆํžˆ ์ž˜ ์‚ฌ์šฉํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค.์ผ๋‹จ ์–ด๋– ํ•œ ์†์„ฑ๋“ค์ด ์žˆ๋Š”์ง€ ๋จผ์ € ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.positionstatic - ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ์ˆœ์„œ๊ทธ๋Œ€๋กœ ํ‘œํ˜„์ด ๋ฉ๋‹ˆ๋‹ค.absolute - ์ •์ ์ธ ์š”์†Œ๊ฐ€ ์•„๋‹Œ ์ƒ๋Œ€์ ์œผ๋กœ ๋ฐฐ์น˜๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ๋งˆ์น˜ ๋ ˆ์ด์–ด์ฒ˜๋Ÿผ ํ˜ผ์ž ๋– ๋‹ค๋‹ˆ๋Š” ์š”์†Œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.relative - ์ƒ๋Œ€์ ์œผ๋กœ ๋ฐฐ์น˜๋˜๋ฉด์„œ CSS์˜ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค.fixed - ๋ธŒ๋ผ์šฐ์ €์— ์˜ํ–ฅ์„ ๋ฐ›์œผ๋ฉฐ ํฌ๊ธฐ์— ์ƒ๊ด€์—†์ด ์œ„์น˜๊ฐ€ ๊ณ ์ •์ด๋ฉ๋‹ˆ๋‹ค.inherit - ๋ถ€๋ชจ์š”์†Œ์—์„œ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค. ๋ถ€๋ชจ์š”์†Œ ๊ทธ๋Œ€๋กœ css์˜ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค. ํฌ์ง€์…˜css์˜ ์ค‘์š” ํ•ต์‹ฌ ํฌ์ธํŠธ๋Š” 3๊ฐ€์ง€ ์ •๋„์ž…๋‹ˆ๋‹ค. absolute, relative, fixed์ž…๋‹ˆ๋‹ค.absolute๋Š” ๋””์ž์ธ์—.. 2017. 8. 7.
CSS3 nth-child ์š”์†Œ ๊ฐœ๋ณ„์ ์šฉ ์ •๋ ฌ๋œ ์š”์†Œ์˜ css์—์„œ ๊ฐœ๋ณ„ ์ •์˜๊ฐ€ ๊ฐ€๋Šฅํ•œ nth-child ์ž…๋‹ˆ๋‹ค. ํŠน์ • ์ˆœ์„œ์— ๋”ฐ๋ฅธ ์ •์˜๊ฐ€ ๊ฐ€๋Šฅํ•˜๋ฉฐ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ํ†ตํ•˜์—ฌ ๊ฐ ์š”์†Œ๋งˆ๋‹ค ๊ฐœ๋ณ„์ ์œผ๋กœ ์ •์˜๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. 1. nth-child(์ˆซ์ž)๋กœ ์ˆœ์„œ ์ •์˜๋ฅผ ๋‚ด๋ฆฝ๋‹ˆ๋‹ค. html nth-child(1) nth-child(2) nth-child(3) nth-child(4) nth-child(5) css li:nth-child(1) {background:#FFF} li:nth-child(2) {background:#F00} li:nth-child(3) {background:#00F} li:nth-child(4) {background:#FF0} li:nth-child(5) {background:#0F0} nth-child(1) nth-child(2) n.. 2017. 8. 7.
2017 ์•„์ดํŒจ๋“œ 9.7 ๊ตฌ์ž…๋ฆฌ๋ทฐ 2017 ์•„์ดํŒจ๋“œ 9.7 ๊ตฌ์ž…ํ›„ ๊ฐ„๋‹จ ๋ฆฌ๋ทฐํƒœ๋ธ”๋ฆฟ์˜ ๊ฐ€์žฅ ํฐ ๋ฌธ์ œ์ ์€ ์ œ๊ฐ€๋ณด๊ธฐ์—” ๊ฐ€๊ฒฉ๋Œ€ ํ˜•์„ฑ์ด์—ˆ์Šต๋‹ˆ๋‹ค. 1์„ธ๋Œ€ ์•„์ดํŒจ๋“œ๋ฅผ ์‚ฌ์šฉํ–ˆ์—ˆ๋Š”๋ฐ์š”. ๊ทธ๋•Œ ๋‹น์‹œ๋งŒํ•ด๋„ ๊ฑฐ์˜ 80๋งŒ์›์ด ๋„˜๋Š” ๊ฐ€๊ฒฉ์— ์•…์„ธ์‚ฌ๋ฆฌ๊นŒ์ง€ ํ•˜๋ฉด ๊ฑฐ์˜ 100๋งŒ์›์ •๋„๋ฅผ ์œก๋ฐ•ํ•˜๋Š” ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•˜๊ธฐ ์• ๋งคํ•œ ๊ฐ€๊ฒฉ๋Œ€์˜€์—ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ 2017 ์•„์ดํŒจ๋“œ 9.7์€ ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ์ ‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐ€๊ฒฉ๋Œ€๊ฐ€ ๊ต‰์žฅํžˆ ๋‚ฎ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๊ณ  ์‚ฌ์–‘์ด ๋‚ฎ์€๊ฒƒ๋„ ์•„๋‹ˆ๋ฉด์„œ ๋ ˆํ‹ฐ๋‚˜ ๋””์Šคํ”Œ๋ ˆ์ด๊นŒ์ง€ ํƒ‘์žฌํ•˜๊ณ ์žˆ์œผ๋‹ˆ ์• ํ”Œ ์‚ฌ์šฉ์ž๋ถ„๋“ค์€ ๋”์ด์ƒ ํ•  ๋ง์ด ์žˆ๋‚˜์š”? 2017 ์•„์ดํŒจ๋“œ ๊ณจ๋“œ์ƒ‰์ƒ 128Gb ์ž…๋‹ˆ๋‹ค.(2017 IPAD GOLD 128GB)์• ํ”Œ๊ณต์‹์‚ฌ์ดํŠธ์— ๋‚˜์™€์žˆ๋Š” ๊ธฐ๋ณธ์ ์ธ ์ œ์›์€ ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.9.7ํ˜• Retina ๋””์Šคํ”Œ๋ ˆ์ด 64๋น„ํŠธ A9์นฉ ์ตœ๋Œ€10์‹œ๊ฐ„ ๋ฐฐํ„ฐ๋ฆฌ์ง€์† 100๋งŒ ๊ฐœ ์ด์ƒ์˜์•ฑ IOS .. 2017. 8. 5.
CSS3 Colors(RGBA) ์ปฌ๋Ÿฌ์™€ํˆฌ๋ช…๋„ CSS3 Colors ์ปฌ๋Ÿฌ์™€ํˆฌ๋ช…๋„ (color and opacity) CSS3๋Š” ์ƒ‰์ƒ ์˜๋ฌธ์ด๋ฆ„(white), 16์ง„์ˆ˜(#FF0000), RGB์ƒ‰์ƒ(255,255,255)์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. CSS3๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ธŒ๋ผ์šฐ์ €๋Š” ๋‹น์—ฐํžˆ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ํฌ๋กฌ 4.0๋ฒ„์ „์ด์ƒ ์ต์Šคํ”Œ๋กœ์–ด 9.0์ดํ•˜๋Š” ์•„๋ฌด๋ฆฌ ํ•ด๋‹น CSS๋ฅผ ์ž…๋ ฅํ•œ๋‹ค๊ณ  ํ•œ๋“ค CSS์ž์ฒด๋ฅผ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜๊ธฐ๋•Œ๋ฌธ์— ์•„์‰ฝ์ง€๋งŒ ๋ธŒ๋ผ์šฐ์ € ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ๋ฒ•๋ฐ–์—๋Š” ์—†์Šต๋‹ˆ๋‹ค. ๊ตฌํ˜• ์ต์Šค8๊ฐ™์€๊ฒฝ์šฐ๋Š” ํ•ดํ‚น์š”์†Œ๋‚˜ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ์†์„ฑ๋“ค์ด ๋งŽ์•„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ถ”์„ธ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ž˜๋„ ์ ‘์†ํ†ต๊ณ„๊ฐ™์€๊ฑธ ๋ณด๋ฉด ์•„์ง๋„ ์žˆ๊ธดํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” ๋ณดํ†ต ๋””์ž์ธ์„ ํ• ๋•Œ 16์ง„์ˆ˜๋กœ ์™ธ์›Œ์„œ ์‚ฌ์šฉํ•˜๊ณค ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์ธ ์ปฌ๋Ÿฌ๊ฐ’๋“ค์„ ์ธ์‹ํ•˜๊ณ  ๋‚˜๋ฉด ์–ด๋Š์ •๋„ ๊ฐ’๋งŒ ๋ณ€๊ฒฝํ•ด์ฃผ๋ฉด ๋˜๊ธฐ๋•Œ๋ฌธ์ธ๋ฐ์š”. rgb๋„ ๊ทธ๋ ‡๊ฒŒ ์–ด๋ ต์ง€๋Š” ์•Š์Šต.. 2017. 8. 3.
html/css ๋ชฉ๋กํƒœ๊ทธ ol,ul,dl ์ด๊ฒƒ๋งŒ ์•Œ์•„๋„ ํ™ˆํŽ˜์ด์ง€ ๋งŒ๋“ ๋‹ค! ๋ชฉ๋กํƒœ๊ทธ ol,ul,dl ์ด๊ฒƒ๋งŒ ์•Œ์•„๋„ ํ™ˆํŽ˜์ด์ง€ ๋งŒ๋“ ๋‹ค!ํ™ˆํŽ˜์ด์ง€, ์›น์‚ฌ์ดํŠธ๋Š” ๊ฑฐ์˜ ๋Œ€๋ถ€๋ถ„์ด ๋ชฉ๋ก์œผ๋กœ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค. CSS๋•Œ๋ฌธ์— ์šฐ๋ฆฌ๊ฐ€ ๋ˆˆ์— ๋ณด์ด์ง€ ์•Š๋Š” ํƒœ๊ทธ๋“ค์ด ๋””์ž์ธ๋˜์–ด ๋ณ€ํ˜•์ด ๋˜์–ด์ง‘๋‹ˆ๋‹ค. ๊ทธ์ค‘์—์„œ ๊ฑฐ์˜ ๋Œ€๋ถ€๋ถ„์ด ๋ชฉ๋ก ํƒœ๊ทธ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค.์šฐ๋ฆฌ๊ฐ€ ์ž์ฃผ์ด์šฉํ•˜๋Š” N์‚ฌ ์‚ฌ์ดํŠธ์˜ CSS๋ฅผ ๋นผ๋ณผ๊นŒ์š”?๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ…์ŠคํŠธ๋กœ๋งŒ ์ด๋ฃจ์–ด์ง„ ๋ชฉ๋ก์ด ์ญ‰ ๋ณด์ด๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ๊น”๋”ํ•˜๊ณ  ์ •๋ˆ์ด ์ž˜ ๋œ ์‚ฌ์ดํŠธ ๊ฐ™์•˜์ง€๋งŒ ์‚ฌ์‹ค์€ ๊ฐ„๋‹จํ•œ html ํƒœ๊ทธ๋กœ ์ด๋ฃจ์–ด์ง„ ์‚ฌ์ดํŠธ ์ธ๊ฒƒ์ž…๋‹ˆ๋‹ค. N์‚ฌ ๋ฟ๋งŒ์ด ์•„๋‹ˆ๋ผ ๋ชจ๋“  ์‚ฌ์ดํŠธ๋“ค์ด ๋™์ผํ•œ ๊ตฌ์กฐ๋ฅผ ๊ฐ–๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. OL - odered list ์ˆซ์ž๋‚˜ ์•ŒํŒŒ๋ฒณ ์ˆœ์„œ๋ชฉ๋ก์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.UL - unodered list์ˆœ์„œ๊ฐ€ ํ•„์š”์—†๋Š” ๋ชฉ๋ก์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๋ณดํ†ต ์ˆœ์„œ๊ฐ€ ํ•„์š”์—†๋Š” ๋ชฉ๋ก UL์ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.. 2017. 8. 2.
CAFE24์—์„œ ๋ฌด๋ฃŒ์‡ผํ•‘๋ชฐ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ• CAFE24์—์„œ ๋ฌด๋ฃŒ๋กœ ์‡ผํ•‘๋ชฐ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•! ๋‹จ ํด๋ฆญ ๋ช‡๋ฒˆ์œผ๋กœ ๋‚˜๋งŒ์˜ ์‡ผํ•‘๋ชฐ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. IT๊ฐ•๊ตญ ๋Œ€ํ•œ๋ฏผ๊ตญ์—์„œ ๋ˆ„๊ตฌ๋‚˜ ํ•œ๋ฒˆ์ฏค์€ ์‡ผํ•‘๋ชฐ ์ฐฝ์—… ์ƒ๊ฐํ•˜๊ณ  ๊ณ„์‹œ๋ฆฌ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ง„์ž…์˜ ์žฅ๋ฒฝ์ด ๋„ˆ๋ฌด ๋†’๊ณ  ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ•˜๋Š”์ง€ ์ „ํ˜€ ๋ชจ๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ์ „๋ฌธ์ธ๋“ค์™ธ์—๋Š” ์˜จ๋ผ์ธ์ƒ์—์„œ ์–ด๋–ป๊ฒŒ ์‡ผํ•‘๋ชฐ์„ ๋งŒ๋“œ๋Š”์ง€ ํ™ˆํŽ˜์ด์ง€๋Š” ์–ด๋–ป๊ฒŒ ๊พธ๋ฏธ๋Š”์ง€์— ๋Œ€ํ•ด์„œ ๊ถ๊ธˆํ•ด ํ•˜์‹ค๊บผ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์นดํŽ˜24๋ฅผ ์ข‹์•„ํ•˜๋Š”๊ฑด ์•„๋‹ˆ์ง€๋งŒ ์‰ฝ๊ฒŒ ๋ช‡๋ฒˆ์˜ ํด๋ฆญ๋งŒ์œผ๋กœ ํ™ˆํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ผ๋‹จ ํ˜ธ์ŠคํŒ…์˜ ์‚ฌ์šฉ๋ฃŒ๊ฐ€ ์—†์œผ๋ฉฐ ํŠธ๋ž˜ํ”ฝ์ด๋‚˜ ์ €์žฅ๊ณต๊ฐ„์˜ ๋ฌด๋ฃŒํ™”๊ฐ€ ๊ต‰์žฅํžˆ ํฌ๊ธฐ๋•Œ๋ฌธ์— ์ด์šฉํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์ด ๊ต‰์žฅํžˆ ๋งŽ์Šต๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ๋„ ๋งค์ถœ์ด ์–ด๋งˆ์–ด๋งˆํ•œ ์‚ฌ์ดํŠธ๋“ค์ด ์นดํŽ˜24์—์„œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ–ˆ๊ตฌ์š”. ๊ทธ๋Ÿผ ์ง€๊ธˆ๋ถ€ํ„ฐ ๋‚˜์ด ์ƒ๊ด€์—†์ด ๋‚จ๋…€๋…ธ์†Œ ๋ˆ„๊ตฌ๋‚˜ ๋‚˜๋งŒ์˜ ํ™ˆํŽ˜์ด์ง€ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ์ฐจ๊ทผ์ฐจ๊ทผ ์„ค.. 2017. 7. 31.