๋ธ๋ผ์ฐ์ ์ ์์ง
- ์น ํ์ด์ง์ ๊ตฌ์ฑ์ ์ํ HTML, CSS ๋ฑ ์๋ฃ๋ฅผ ํด์ํด ์ฌ์ฉ์์ ์ฅ์น์ ๋ง๊ฒ ๋ณํํ๋ ์ญํ ์ ํ๋ค
- ๋ธ๋ผ์ฐ์ ์ ์์ง์ ์น ํ์ค์ ์๊ฑฐํ์ฌ ํ๋ก๊ทธ๋๋ฐ ๋์ด ์์ผ๋ฏ๋ก ์นํ์ค์ผ๋ก ์์ฑํด์ผ ์ ์์ ์ผ๋ก ์ฝ์ ์ ์๋ค.
- Firefox, Chrome, Edge, Safari, Opera, Brave, Internet Explorer
1. ๋ธ๋ผ์ฐ์ ์ ๊ธฐ๋ณธ ์ธํฐํ์ด์ค ๊ตฌ์ฑ
- ๋ธ๋ผ์ฐ์ ์ฐฝ
- ํญ
- ์ฃผ์์ฐฝ
- ๋ทฐํฌํธ (Viewport) : ํ๋์ ์น ํ์ด์ง๊ฐ ์ถ๋ ฅ(๋๋๋ง:๋ธ๋ผ์ฐ์ ์ ๋ทฐํฌํธ์ ์น ์ฌ์ดํธ๋ฅผ ๊ทธ๋ ค๋ด๋ ๊ฒ)๋๋ ์์ญ
2. ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ์ด์
- ์ฌ๋ฌ ๋ธ๋ผ์ฐ์ ์์ ๋์ผํ ํ๋ฉด, ๋์์ ์ค ์ ์๋๋ก ์ ์ํ๋ ๊ธฐ์
- ๋ธ๋ผ์ฐ์ ํ๊ฒฝ ๋ฐ ๋ฒ์ ์ ๋ฐ๋ผ ์ ๊ณต๋์ด์ง์ง ์๋ ํ๊ทธ ๋ฐ ์์ฑ์ด ์์ ์ ์์ผ๋ฏ๋ก ํด๋น ๋ด์ฉ์ ๋ํด ๋ถํธ๊ฐ ์๋ ์ฌ์ดํธ๋ก ์ ์๋๋๋ก ํจ.
์น ์ ๊ทผ์ฑ ๋ฐ ํธํ์ฑ
1. ์น ์ ๊ทผ์ฑ
- ์ฅ์ ๋ฅผ ๊ฐ์ง์ ๋ถ, ๊ฐ์ง ์์ ๋ถ ๋๋ ๋จ๋ ๋ ธ์ ๋ชจ๋ ์น์ฌ์ดํธ๋ฅผ ์ต๋ํ ๋ถํธํจ ์์ด ์ด์ฉํ ์ ์๊ฒ ์ ์ํด์ผ ํจ
2. ์น ํธํ์ฑ
- ์ฌ์ฉ์์ ํ๋์จ์ด ๋๋ ์ํํธ์จ์ด๊ฐ ๋ค๋ฅธ ๊ฒฝ์ฐ์๋ ๋๋ฑํ ์๋น์ค๋ฅผ ์ ๊ณต ๋ฐ์ ์ ์์ด์ผ ํจ
์น ์ฌ์ดํธ ๊ฐ๋ฐ ๊ฐ์
- ๊ฐ์ธ PC์์ ์ฌ์ดํธ ๊ฐ๋ฐ ํ ๋ก์ปฌ ๊ฐ๋ฐ ํ๊ฒฝ์ผ๋ก ์
๋ฐ์ดํธ
- PC์์ ์ ์ํ ์น ํ์ด์ง์ ์ฌ์ฉ์๋ค์ด ์ ์ํ ์ ์์ผ๋ ค๋ฉด ์๋ฒ์ ์์ด์ผ ํ๋ค.
- ์๋ฒ(serve : ์ ๊ณตํ๋ค) : PC์ ์์ ๋ฌผ์ ๋คํธ์ํฌ์ ์ฐ๊ฒฐ๋ ๋ค๋ฅธ ์ปดํจํฐ๋ค์๊ฒ ์ ๊ณตํ๋ ์ญํ ์ ํจ
1. ์ฌ์ดํธ ์ข ๋ฅ
- ์ ์ ์ฌ์ดํธ : ์ฌ์ฉ์์๊ฒ ์ ๋ณด๋ง ๋ณด์ฌ์ค๋ค.
- ๋์ ์ฌ์ดํธ : ํ๋ฉด์ ๋ณด์ด๋ ๋ชจ์ต ๋ฟ ์๋๋ผ ์ฌ์ฉ์์๊ฒ ์ ๊ณตํ ๊ธฐ๋ฅ, ์๋น์ค๊น์ง ํฌํจ๋ ๊ฐ๋
2. ๋ฐฑ ์๋ (์๋ฒ)
- ๋ณด์ด์ง ์๋ ์ ๋ณด ์ฒ๋ฆฌ
- ์๋ฒ์์ ๋ฐ์ดํฐ ๊ด๋ฆฌ๋ฅผ ํ๋ ํ๋ก๊ทธ๋๋ฐ
- ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค๊ณํ๊ฑฐ๋ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ๋ ์์ญ
3. ํ๋ก ํธ์๋ (ํด๋ผ์ด์ธํธ)
- ๋์ ๋ณด์ด๋ ํ๋ฉด
- ์น ์ฌ์ดํธ ๋์์ธ, ์ฌ์ฉ์ ๋์์ ๋ฐ์ํ๋ ๊ธฐ๋ฅ์ ๋ง๋ ๋ค.
- ์๋ฒ์์ ๋ฐ์์จ ์ ๋ณด๋ฅผ ๋ธ๋ผ์ฐ์ ์ ์ด๋ป๊ฒ ํ์ํ ๊ฒ์ธ์ง ํ๋ก๊ทธ๋๋ฐํ๋ค.
'๊ฐ๋ฐ ์ด์ผ๊ธฐ > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
HTML - HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ (0) | 2023.06.29 |
---|---|
HTML - ์น ํ์ค (0) | 2023.06.29 |