![](https://tistory1.daumcdn.net/tistory_admin/blogs/image/category/new_ico_5.gif)
1. ์๋ฐ์คํฌ๋ฆฝํธ์ ํน์ง์๋ฐ์คํฌ๋ฆฝํธHTML, CSS์ ํจ๊ป ์น์ ๊ตฌ์ฑํ๋ ์์ ์ค ํ๋๋ก ์น ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ์ ์ผํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ฐ๋ฐ์๊ฐ ๋ณ๋์ ์ปดํ์ผ ์์ ์ ์ํํ์ง ์๋ ์ธํฐํ๋ฆฌํฐ ์ธ์ด์ธํฐํ๋ฆฌํฐ๋ ์์ค์ฝ๋๋ฅผ ์ฆ์ ์คํํ๊ณ , ์ปดํ์ผ๋ฌ๋ ๋น ๋ฅด๊ฒ ๋์ํ๋ ๋จธ์ ์ฝ๋๋ฅผ ์์ฑํ๊ณ ์ต์ ํ ํจ์ด๋ฅผ ํตํด ์ปดํ์ผ ๋จ๊ฒ์์ ์ถ๊ฐ์ ์ธ ์๊ฐ๋ ํ์ํจ์๋ ๋์ฑ ๋น ๋ฅด๊ฒ ์ฝ๋๋ฅผ ์คํํ ์ ์์์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ฐํ์์ ์ปดํ์ผ๋๋ฉฐ ์คํ ํ์ผ์ด ์์ฑ๋์ง ์๊ณ ์ธํฐํ๋ฆฌํฐ์ ๋์ ์์ด ์คํํ ์ ์๊ธฐ ๋๋ฌธ์ ์ปดํ์ผ๋ฌ ์ธ์ด๋ผ๊ณ ํ ์๋ ์์