๐ HTML, CSS ๊ทธ๋ฆฌ๊ณ JavaScript

HTML์ ํ์ด์ง์ ์ ๋ชฉ, ๋ฌธ๋จ, ํ, ์ด๋ฏธ์ง, ๋์์ ๋ฑ์ ์ ์ํ๊ณ ๊ทธ ๊ตฌ์กฐ์ ์๋ฏธ๋ฅผ ๋ถ์ฌํ๋ ์ ์ ์ธ์ด๋ก ์น์ ๊ตฌ์กฐ๋ฅผ ๋ด๋น

CSS๋ ๋งํฌ์
์ธ์ด(HTML, XML ๋ฑ)๊ฐ ์ค์ ํ์๋๋ ๋ฐฉ๋ฒ(์์, ํฌ๊ธฐ, ํฐํธ, ๋ ์ด์์ ๋ฑ)์ ์ง์ ํ์ฌ ์ฝํ
์ธ ๊ตฌ์กฐ๋ฅผ ๊พธ๋ฉฐ์ฃผ๋ ์ ์ ์ธ์ด๋ก ์น์ ์๊ฐ์ ์ธ ํํ์ ๋ด๋น

JS๋ ์ฝํ
์ธ ๋ฅผ ๋ฐ๊พธ๊ณ ์์ง์ด๋ ๋ฑ ํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ๊พธ๋ฉฐ์ฃผ๋ ์ญํ ์ ํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ์น์ ๋์ ์ฒ๋ฆฌ๋ฅผ ๋ด๋น
๐ ์น ํ์ค (Web Standard)
- '์น์์ ์ฌ์ฉ๋๋ ํ์ค ๊ธฐ์ ์ด๋ ๊ท์น'์ ์๋ฏธํ๋ฉฐ W3C์ ๊ถ๊ณ ์์์ ๋์จ ๊ธฐ์ ๋ค์ด ์ฌ๊ธฐ์ ํด๋น
- ์ด ํ์ค ๊ธฐ์ ๋ค์ ๊ธฐ์ค์ผ๋ก ์น ๋ธ๋ผ์ฐ์ ๋ค(ํฌ๋กฌ, IE, ์ฌํ๋ฆฌ ๋ฑ)์ด ๋ง๋ค์ด์ง๋๋ฐ, ๋ธ๋ผ์ฐ์ ๋ฅผ ๋ง๋๋ ์
์ฒด(๊ตฌ๊ธ, MS, ์ ํ ๊ฐ์)์์ ํ์ค ๊ธฐ์ ์ ํด์ํ๋ ์ฐจ์ด, ์๋ก์ด ๊ธฐ์ ์ฝ์
(ํ์คํ ์ ์ ๋จ๊ณ์ ๋ฐ๋ฅธ) ๋ฑ์ผ๋ก ์กฐ๊ธ์ ๋ค๋ฅด๊ฒ ๊ตฌ๋๋๋ ๋ธ๋ผ์ฐ์ ๊ฐ ์๊ธฐ๊ฒ ๋๋ค.
- ์น ํ์ค์ ์ค์ํ์ฌ ์์ฑํ๋ค๋ฉด ์ด์์ฒด์ , ๋ธ๋ผ์ฐ์ ๋ง๋ค ์๋๋ ๋๋ก ๋ณด์ฌ์ง๋ ์น ํ์ด์ง๋ฅผ ๋ง๋ค ์ ์์
๐ ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง (Cross Browsing)

- ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ ์กฐ๊ธ์ ๋ค๋ฅด๊ฒ ๊ตฌ๋๋๋ ์ฌ๋ฌ ๋ธ๋ผ์ฐ์ ์์ ๋์ผํ ์ฌ์ฉ์ ๊ฒฝํ(๊ฐ์ ํ๋ฉด, ๊ฐ์ ๋์ ๋ฑ)์ ์ค ์ ์๋๋ก ์ ์ํ๋ ๊ธฐ์ , ๋ฐฉ๋ฒ ๋ฑ์ ๋งํ๋ค.
- MSIE(๋ง์ดํฌ๋ก์ํํธ ์ธํฐ๋ท ์ต์คํ๋ก์ด) ๋ธ๋ผ์ฐ์ ๋ ์ฌ๋ฌ ์๋ฏธ์์ ํ์คํํ๊ธฐ ์ฝ์ง ์์ ๋ธ๋ผ์ฐ์ .. (๊ทธ๋์ ๋ชจ์์ดํฌ ์ฒ๋ฆฌ ใ
ใ
) ๋๋ถ๋ถ์ ๊ฒฝ์ฐ IE์์ ๋ฌธ์ ๊ฐ ์์ผ๋ฉด ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ๋ OK!
๐ ์น ์ ๊ทผ์ฑ (Web Accessibility)
- ์ ์์ ์ธ ์น ์ฝํ
์ธ ์ฌ์ฉ์ด ๊ฐ๋ฅํ ์ผ๋ฐ ์ฌ์ฉ์๋ถํฐ ๊ณ ๋ น์, ์ฅ์ ์ธ ๊ฐ์ ์ ์ฒด์ , ํ๊ฒฝ์ ์กฐ๊ฑด์ ์ ํ์ด ์๋ ์ฌ์ฉ์๋ฅผ ํฌํจํด ๋ชจ๋ ์ฌ์ฉ์๋ค์ด ๋๋ฑํ๊ฒ ์ ๊ทผํ ์ ์๋ ์น ์ฝํ
์ธ ๋ฅผ ์ ์ํ๋ ๋ฐฉ๋ฒ
- ex) ์์์ ์๋ง ๋ฃ๊ธฐ, ๋ง์ฐ์ค๋ฅผ ์ฌ์ฉํ ์ ์๋ ์ฌ๋๋ค์ ์ํด ํค๋ณด๋๋ฅผ ํตํด์๋ ์น์ ์ด์ฉํ ์ ์๊ฒ ํ๊ธฐ(ํน์ ๊ทธ ๋ฐ๋), ์ด๋ฏธ์ง์ ๋์ฒด ํ
์คํธ๋ฅผ ์ ๊ณต ๋ฑ