์๋ ํ์ธ์ KG์์ดํฐ๋ฑ ํฌ ๊ต์กํ์ฅ ์ ๋๋ค.
์ค๋์ ์น๋์์ด๋์ ๋ํด ์์๋ณด๋ ค๊ณ ํด์.
์น๋์์ด๋ ํ๋ฉด ๊ต์ฅํ ์ด๋ ค์๋ณด์ด์ฃ ?
์น๋์์ธ์ ํ๊ณ ์ถ์๋ฐ ์ด๋ป๊ฒ ์์ํด์ผํ ์ง, ๋ง์ ๊ณต๋ถ๋ฅผ ํ๋ ค๊ณ ํ๋ html์ด ๋ญ์ง
๋ง๋งํ๊ณ ์ ๋งค๋ชจํธ ํ์ ๋ถ๋ค์ด ๋ง์ผ์์ฃ ? ์น๋์์ธ์ด ๋ฌด์์ธ์ง ์ ๋ฐ์ ์ผ๋ก ์ค๋ช ํ๊ณ ,
์น๋์์ธ์ด ๋ฌด์์ธ์ง ์น๋์ง์์ด๋ ๊ต์ก๊ธฐ๊ด์ธ KG์์ดํฐ๋ฑ ํฌ๋ฅผ ์๊ฐํฉ๋๋ค.
์ฐ์ ํํ์ด์ง์ ๋ค์ด๊ฐ ์๊ฐ์ ์ธ ๊ฒ๋ค์ ๋ง๋ค์ด ๋ด๊ธฐ ์ํด์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํฌํ ์ต์ด๋
์ผ๋ฌ์คํธ ํ๋ก๊ทธ๋ฅด๋จ์ ๋ค๋ฃฐ ์ค ์์์ผ ํฉ๋๋ค. ๊ทธ๋์ ์น๋์์ธ๊ณผ์ ์ ํฌํ ์ต๊ณผ ์ผ๋ฌ์คํธ๋ฅผ
๋ฐฐ์ฐ์ ์ผ์ง๋ง ์น์์ ์ ์ฐธ์ฌํ์ค์๊ฐ ์์ต๋๋ค. ํฌํ ์ต์ผ๋ก ํํ์ด์ง์ ๋ค์ด๊ฐ ์ฌ์ง์
๋ณด์ ํ๊ณ ์ํฉ์ ๋ง๊ฒ ์์ ์ ํ๊ณ ์ผ๋ฌ์คํธ๋ ํํ์ด์ง ์ปจ์ ์ ๋ง๊ฒ ์์ด์ฝ์ด๋ ์ด๋ฏธ์ง
๊ฐ์ ๊ฒ๋ค์ ์ ์ํ๊ฒ ๋ฉ๋๋ค.
๊ธฐ๋ณธ์ ์ธ ๋ฃฐ๋ก๋ ํ ์๋ ์์ง๋ง, ๊ธฐ๋ณธ์ ์ธ ๋ฃฐ๋ก๋ง ๋ง๋ค๊ฒ ๋๋ค๋ฉด ๋ณธ์ธ์ ๊ฐ์ฑ๊ณผ ์ ์์ ์๋์
๋ง๋ ์ ๋ฌธ์ฑ ์๋ ๊ฒฐ๊ณผ๋ฌผ์ด ๋์ค๊ธฐ๋ ์ด๋ ต๊ฒ ์ฃ ๊ทธ๋์ ๋ณธ์ธ์ ์ ์์๋์ ํ๋ฆฌํฐ๋ฅผ ์ฌ๋ฆฌ๋ ค๋ฉด
๋์์ธ ํ๋ก๊ทธ๋จ์ ๋ฅ์ํ๊ฒ ๋ค๋ฅด๋ฉด ์ข๊ฒ ์ฃ .
์์ ์๋ ์น๋์์ด๋์ ์น ํ๋ก๊ทธ๋จ ๊ฐ๋ฐ์ ํ๋ ์น๊ฐ๋ฐ์๋ ๋ฐ๋ก๋ฐ๋ก ์ฑ์ฉํ์๋๋ฐ,
์์ฆ์๋ ์น์ ๊ด๋ฆฌ์ ๋์์ธ๊น์ง ํ ์ค ์๋ ์นํผ๋ธ๋ฆฌ์ ๋ฅผ ์ ํธํ๋ ์ถ์ธ์ ๋๋ค.
๊ทธ๋์ ํํ์ด์ง ๊ตฌ์ถ + ํํ์ด์ง ๋์์ธ์ = ์นํผ๋ธ๋ฆฌ์ฑ ์ด๋ผ๊ณ ํฉ๋๋ค.
๊ทธ๋ผ ์นํผ๋ธ๋ฆฌ์ฑ์ ํ๊ธฐ์ํด์๋ ์ด๋ค ๊ฒ์ ๊ณต๋ถํด์ผํ ๊น์?
์ฐ์ HTML์ด๋ผ๋ ํํ์ด์ง ๊ตฌ์ถ์ ๊ธฐ๋ณธ์ ์ธ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ๋ฐฐ์์ผ ํฉ๋๋ค.
๋๋ถ๋ถ์ ํํ์ด์ง HTML๋ก ์์ฑ๋๋ค๊ณ ์๊ฐํ์ ๋ ๋ ๊บผ์์. ๊ทธ๋ฌ๋ ๊ธฐ์กด์
HTML์ ์คํ์ผ ๋ณ๊ฒฝ์ ๋ง์ ์ ์ฝ์ด ๋ฐ๋ฅด๊ธฐ ๋๋ฌธ์ ์ด๋ฅผ ๋ณด์ํ๊ธฐ ์ํด์ ๋ง๋ค์ด
์ง๊ฒ์ด ์คํ์ผ ์ํธ๋ผ๊ณ ํด์ CSS๊ฐ ์์ต๋๋ค
.
์ถ๊ฐ์ ์ผ๋ก ์ข ๋ ๋์ ์ธ ํํ์ด์ง๋ฅผ ๋ง๋ค๊ธฐ ์ํด์๋ ์๋ฐ ์คํฌ๋ฆฝํธ์ JQuery๊ฐ
๋น ์ง ์๊ฐ ์๊ฒ ์ฃ . ์๋ฐ์คํฌ๋ฆฝํธ๋ ํํ์ด์ง๋ฅผ ์ข๋ ๋์ ์ผ๋ก ๋ง๋ค์ด์ฃผ๋ ์คํฌ๋ฆฝํธ
์ธ์ด์ ๋๋ค. ์ฝ๊ฒ ๋งํด HTML๋ก ๊ธ์์ฐ๊ณ CSS๋ก ๊ธ์ ๊ฐ์กฐ์ ๊ฐ์ ๊พธ๋ฐ์ ์ฃผ๊ณ
์๋ฐ์คํฌ๋ฆฝํธ & ๊ต๋ก ์์ง์์ ์ค ์ ์๋ ๊ฒ์ ๋๋ค.
๋์์ธ ํ๋ก๊ทธ๋จ๊ณผ HTML+CSS, ์๋ฐ์คํฌ๋ฆฝํธ, ์ ์ด์ฟผ๋ฆฌ ๊ฐ์ ์น๋์์ธ ์์ ์
์ฒด๊ณ์ ์ผ๋ก ๋ฐฐ์ฐ์ ์ผ ํฉ๋๋ค. ๊ทธ๋์ KG์์ดํฐ๋ฑ ํฌ ๋ค๋๋ ๊ฒ์ ์ถ์ฒํด๋๋ฆฝ๋๋ค.
KG์์ดํฐ๋ฑ ํฌ์์๋ 1:1 ์๋ด๋ถํฐ ์น๋์์ธ ์ ๋ฌธ ๊ฐ์ฌ๋์ ๊ฐ์๊น์ง ์ข ํฉ์ ์ผ๋ก
๋์์ ๋๋ฆฌ๊ณ ์์ต๋๋ค.
์นดํก ์๋ด gusduq
'ICT' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋น ๋ฐ์ดํฐ์ ์์ฅ๊ท๋ชจ ๋ฐ ์ ๋ง๊ณผ ๋น ๋ฐ์ดํฐ๋ถ์๊ฐ์ ์์ง (0) | 2016.12.30 |
---|---|
์์ดํฐ๋ฑ ํฌ ์๊ฒฉํ์๊ต์ก์์์ IT ์ ๊ณตํ์ ์ทจ๋ํ์!!! (0) | 2016.12.28 |
์ ๋ณด๋ณด์ ์ ๋ฌธ๊ฐ ์ง์ ์ข ๋ฅ! (0) | 2016.12.26 |
๊ฐ์ฒด์งํฅ์ธ์ด ์๋ฐ. ๋ญ์ง๋ถํฐ ๋ฐ๋ก ์์! (0) | 2016.12.26 |
์นํดํน์ ๋ฌธ๊ฐ/์น๋ณด์์ ๋ฌธ๊ฐ - ๊ธฐ์ด๋ถํฐ ์ค๋นํ์ (0) | 2016.12.26 |