์น(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. ์ด์ 1 2 3 4 5 6 ๋ค์