์น ํ์ค / ์น ์ ๊ทผ์ฑ / ์น ํธํ์ฑ
์นํ์ด์ง๋ฅผ ๋ง๋ค๊ธฐ ์ํด์๋ ์ง์ผ์ผํ ๊ท์น์ด ์ด 3๊ฐ์ง๊ฐ ์๋ค.
3๊ฐ์ง ๊ท์น์ ์นํ์ค, ์น ์ ๊ทผ์ฑ, ์น ํธํ์ฑ์ผ๋ก ์น ํ์ค ํ๋๋ง ์ค์ ํ๋ค๊ณ ํด์ ์น ์ ๊ทผ์ฑ์ด๋ ์น ํธํ์ฑ์ด ๋ณด์ฅ๋์ง ์์ผ๋ฉฐ ์น ํธํ์ฑ์ ์ค์ํ๋๋ผ๋ ์น ์ ๊ทผ์ฑ์ ๋ณด์ฅ๋์ง
์๋๋ค.
๋๋ฌธ์ ์น ํ์ค, ์น ์ ๊ทผ์ฑ, ์น ํธํ์ฑ 3๊ฐ์ง ๋ชจ๋๋ฅผ ์งํค๋ ๊ฒ์ด ์ค์ํ๋ค.
1. ์น ํ์ค
์น ํ์ค์ด๋ ๋ธ๋ผ์ฐ์ ์ข
๋ฅ ๋ฐ ๋ฒ์ ์ ๋ฐ๋ฅธ ๊ธฐ๋ฅ ์ฐจ์ด์ ๋ํ์ฌ ํธํ์ด ๊ฐ๋ฅํ๋๋ก ์ ์๋ ํ์ค์ผ๋ก, ๋ค๋ฅธ ๊ธฐ์ข
ํน์ ํ๋ซํผ์ ๋ฐ๋ผ ๋ฌ๋ฆฌ ๊ตฌํ๋๋ ๊ธฐ์ ์ ๋์ผํ๊ฒ ๊ตฌํํจ๊ณผ
๋์์ ์ด๋ ํ์ชฝ์ ์ต์ ํ๋์ด ์น์ฐ์น์ง ์๋๋ก ๊ณตํต์์๋ฅผ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง๋ฅผ ์ ์ํ๋ ๊ธฐ๋ฒ์ ์๋ฏธํ๋ค.
์นํ์ค์ ํ์คํ ๋จ์ฒด์ธ W3C(World Wide Consortium)๊ฐ ๊ถ๊ณ ํ
ํ์ค์์ ๋ฐ๋ผ ์น์ฌ์ดํธ๋ฅผ ์์ฑํ ๋ ์ด์ฉํ๋ HTML, CSS, JavaScript ๋ฑ์ ๋ํ ๊ท์ ์ ๋ด๊ณ ์๋ค.
์น ํ์ค์ ๊ถ๊ทน์ ์ธ ๋ชฉ์
์น์ฌ์ดํธ์ ์ ์ํ ์ฌ์ฉ์๊ฐ ์ด๋ ํ ์ด์์ฒด์ ๋ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ๋๋ผ๋ ๋์ผํ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ด๊ฒ ํ๋ ๊ฒ
! ์น ํ์ค ์ค์ ์ด์ !
2. ์น ์ ๊ทผ์ฑ
์น ์ ๊ทผ์ฑ์ด๋ ์ฅ์ ์ธ, ๊ณ ๋ น์ ๋ฑ ๋ชจ๋ ์ฌ์ฉ์๊ฐ ์ด๋ ํ ๊ธฐ์ ์ด๋ ํ๊ฒฝ์์๋ ์ ๋ฌธ์ ์ธ ๋ฅ๋ ฅ ์์ด ์น์ฌ์ดํธ์์ ์ ๊ณตํ๋ ๋ชจ๋ ์ ๋ณด๋ฅผ ๋๋ฑํ๊ฒ ์ ๊ทผํ๊ณ ์ดํดํ ์ ์๋ ๊ถ๋ฆฌ๋ฅผ ์งํค๋ ๊ฒ์ด๋ค.
! ์น ์ ๊ทผ์ฑ์ ์ง์ผ์ผ ํ๋ ์ด์ !
1. ์ฅ์ ์ธ, ๊ณ ๋ น์ ๋ฑ์ ํฌํจํ ๋ชจ๋ ์ฌ๋๋ค์ด ์น์์ ์ํ๋ ์ ๋ณด๋ค์ ์์ ๋กญ๊ฒ ์ ๊ทผํ๊ณ ์ด์ฉํ ์ ์๋ค.
2. 08๋
4์ 11์ผ๋ถํฐ ์ํ๋ โ์ฅ์ ์ธ์ฐจ๋ณ๊ธ์ง ๋ฐ ๊ถ๋ฆฌ๊ตฌ์ ๋ฑ์ ๊ดํ ๋ฒ๋ฅ โ ๋ฐ ๋๋ฒ ์ํ๋ น ๋ฑ ๊ด๋ จ ๊ท์ ์ ์ค์ํ ์ ์๊ฒ ๋๋ค.
3. ์ฃผ๋ณ ํ๊ฒฝ(์ฃผ๋ณ์์, ๋ฐ์ ํ์๊ด, ์์ ํ๋ฉด ๋ฑ)์ด๋, ๋จ๋ง๊ธฐ ์ข
๋ฅ(์ค๋งํธํฐ, PC/๋
ธํธ๋ถ, ํจ๋)์ ์๊ด ์์ด ์ฌ์ฉ ๊ฐ๋ฅํ ์น์ ์ ๊ณตํ ์ ์๊ฒ ๋๋ค.
4. ์น ํ์ด์ง ๊ตฌ์ฑ์ด ๋
ผ๋ฆฌ์ ์ผ๋ก ์ต์ ํ๋์ด, ๋์์ธ ๋ฐ ์ค๊ณ์ ํจ์จ์ฑ ์ ๊ณ ๋ ๋ฌผ๋ก ๊ฐ๋ฐ/์ ์ง๋ณด์/๊ฐํธ ๋น์ฉ ์ ๊ฐ ํจ๊ณผ๋ฅผ ๊ฐ์ ธ์ค๊ฒ ๋๋ค.
3. ์น ํธํ์ฑ
์น ํธํ์ฑ์ ํ์ค ์น ๊ธฐ์ ์ ์ฌ์ฉํ์ฌ ์ด์์ฒด์ , ๋ธ๋ผ์ฐ์ ๋ฑ ์ด๋ ํ์ชฝ์ผ๋ก ์ต์ ํ๋๊ฑฐ๋ ์ข ์๋์ง ์๋๋ก ๊ณตํต ์์๋ฅผ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง๋ฅผ ์ ์ํ๋ ๊ธฐ๋ฒ์ผ๋ก ์น ์ฌ์ดํธ ์ฌ์ฉ ์ ์ด์์ฒด์ ๋ฐ ๋ธ๋ผ์ฐ์ ๊ฐ ๋์ผํ ๊ฒฐ๊ณผ๊ฐ ๋์ค๋๋ก ์๋ฏธํ๋ ์น ์ํธ์ด์ฉ์ฑ์ ๊ฐ๋ ์ ์น ํ์ค์ ์ค์๋ฅผ ํฌํจํ๋ ๊ฐ๋ ์ด๋ค.
! ์น ํธํ์ฑ ์ค์ ์ด์ !
๋๋ฌธ์ ์ ๊ณตํ๋ ์๋น์ค๋ฅผ ๋ชจ๋ ์น ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์์ ๋์ผํ๊ฒ ์ด์ฉํ๊ธฐ ์ํด์๋ ์น ํธํ์ฑ์ ์ค์ํ ์น์ฌ์ดํธ์ ๊ตฌ์ถ์ด ํ์ํ๋ค.
์น ํ์ค / ์น ์ ๊ทผ์ฑ / ์น ํธํ์ฑ ๋น๊ต
๊ตฌ๋ถ | ๋ชฉ์ | ์ค์ ๋ด์ฉ | ์ฐจ์ด |
---|---|---|---|
์น ํ์ค (Web standards) |
์น์ ์ฌ์ฉ์ฑ ๋ฐ ์ ๊ทผ์ฑ ๋ณด์ฅ | HTML, CSS ๋ฑ์ ๋ํ WC3๊ท๊ฒฉ(๋ฌธ๋ฒ) ์ค์ ๋ฑ HTML, CSS, Javascript ๋ฑ ๊ตฌ์กฐ์ ํํ, ๋์ ๋ถ๋ฆฌ ๊ถ๊ณ |
์น์ ๋ด์ฉ, ํํ, ํ๋์ ๊ด๋ จ๋ ๊ธฐ์ ํ์ค |
์น ํธํ์ฑ (Cross Browsing) |
์น ๋ธ๋ผ์ฐ์ ๋ฒ์ , ์ข ๋ฅ์ ๊ด๊ณ์๋ ์น์ฌ์ดํธ ์ ๊ทผ | ์น ํ์ค ์ค์๋ฅผ ํตํ ๋ธ๋ผ์ฐ์ ํธํ์ฑ ํ๋ณด HTML, CSS ๋ฌธ๋ฒ ์ค์ ๋์, ๋ ์ด์์, ํ๋ฌ๊ทธ์ธ ํธํ์ฑ |
์น ํ์ค์ ๊ณตํต์ผ๋ก ํฌํจ |
์น ์ ๊ทผ์ฑ (Web Accessibility) |
์ธ์ , ํ๊ฒฝ์ ์์ธ์ ์ ์ฝ์๋ ์น ์ ๋ณด ์ ๊ทผ | W3C ์น ์ ๊ทผ์ฑ ์ด๋์
ํฐ๋ธ(WAI) ํ๊ตญํ ์น ์ฝํ
์ธ ์ ๊ทผ์ฑ ์ง์นจ2.0 ์ธ์์ ์ฉ์ด์ฑ, ์ด์ฉ์ ์ฉ์ด์ฑ, ์ดํด์ ์ฉ์ด์ฑ, ๊ฒฌ๊ณ ์ฑ |
'HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HTML] ๋ธ๋ก๊ตฌ์กฐ์ ์ธ๋ผ์ธ ๊ตฌ์กฐ (3) | 2022.08.22 |
---|---|
[HTML] ๊ตฌ์ฑ ๊ด๋ จ ์์ (1) | 2022.08.16 |
๋๊ธ