[๊ธฐ์ ๋ฉด์ ] ๋ธ๋ผ์ฐ์ ์๋๋ฐฉ์
2023. 9. 6. 13:40ใ๐ฅ๏ธ CS(Computer Science)/๋คํธ์ํฌ
๋ธ๋ผ์ฐ์ ์๋๋ฐฉ์
- URL ํด์ ๋ฐ ์์ฒญ
- ์ฌ์ฉ์๊ฐ ์น ๋ธ๋ผ์ฐ์ ์ฃผ์์ฐฝ์ URL ์ ๋ ฅ ์, ๋ธ๋ผ์ฐ์ ๊ฐ ์ด๋ฅผ ํด์ํ๊ณ ํด๋น ์น ์๋ฒ IP ์ฃผ์๋ฅผ DNS(Domain Name Systerm) ์๋ฒ์์ ํ์
- ๋ธ๋ผ์ฐ์ ๋ ์๋ฒ์ HTTP ์์ฒญ์ ๋ณด๋ด๊ณ , ์น ํ์ด์ง๋ฅผ ์์ฒญ. ์ฌ์ฉ์ ์์ด์ ํธ ์ ๋ณด๋ ํจ๊ป ์ ์ก๋จ
- ์๋ฒ ์๋ต
- ์๋ฒ๋ ์์ฒญ์ ๋ฐ๊ณ , ์์ฒญ๋ ์น ํ์ด์ง์ ๋ฆฌ์์ค(HTML ๋ฌธ์, CSS, JS, ์ด๋ฏธ์ง)๋ฅผ ์ฐพ์์ ์๋ต
- ์๋ต์ HTTP ์ํ์ฝ๋์ ํจ๊ป ์ ์ก
- HTML ํ์ฑ ๋ฐ ๋ ๋๋ง
- ๋ธ๋ผ์ฐ์ ๋ ์๋ฒ๋ก๋ถํฐ ๋ฐ์ HTML ๋ฌธ์๋ฅผ ํ์ฑํ์ฌ DOM(Document Object Model)์ ์์ฑ(DOM์ ์น ํ์ด์ง์ ๊ตฌ์กฐ์ ๋ด์ฉ์ ํํํ๋ํธ๋ฆฌ๊ตฌ์กฐ)
- CSS ํ์ผ๋ ๋ค์ด๋ก๋/ํ์ฑํ์ฌ CSSOM(CSS Object Model: ์คํ์ผ ์ ๋ณด๋ฅผ ๋ด๊ณ ์๋ ๊ฐ์ฒด ๋ชจ๋ธ)์์ฑ ํ DOM๊ณผ ๊ฒฐํฉํ์ฌ ๋ ๋๋งํธ๋ฆฌ ์์ฑ.
- ๋ธ๋ผ์ฐ์ ๋ ์ด ๋ ๋๋ง ํธ๋ฆฌ๋ฅผ ํ๋ฉด์ ๊ทธ๋ฆผ
- ๋ ๋๋ง
- ๋ ๋๋ง ์์ง์ ๋ ๋๋ง ํธ๋ฆฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก CSS ์คํ์ผ์ ์ ์ฉํ๊ณ , ๋ ์ด์์์ ๊ณ์ฐํ๋ฉฐ, ํฝ์ ๋ก ๋ณํํ์ฌ ์น ํ์ด์ง๋ฅผ ํ๋ฉด์ ํ์ํจ.
- ํ๋ฉด์ ํ์๋๋ ๋ชจ๋ ์์๋ค์ ํ๋ฉด์ ๋ฐฐ์น๋๋ฉฐ, ์ฌ์ฉ์๊ฐ ๋ณผ ์ ์๋๋ก ๋ธ๋ผ์ฐ์ ์ฐฝ์ ๋ ๋๋งํจ
- ์๋ฐ์คํฌ๋ฆฝํธ ์คํ
- ์น ํ์ด์ง์ ํฌํจ๋ JS ์ฝ๋๊ฐ ํ์ฑ๋๊ณ ์คํ๋์ด DOM์ ๋ณ๊ฒฝํ๊ฑฐ๋ ์ฌ์ฉ์ ์ํธ์์ฉ์ ์ฒ๋ฆฌํ๋๋ฐ ์ฌ์ฉ๋จ.
- JS ์์ง์ ์คํ ์คํ์ ์ฌ์ฉํ์ฌ ์ฝ๋๋ฅผ ์์ฐจ์ ์ผ๋ก ์คํํ๋ฉฐ, ๋น๋๊ธฐ ์์ ์ ์ด๋ฒคํธ ํ๋ฅผ ํตํด ๊ด๋ฆฌ๋จ.
- ์ด๋ฒคํธ ์ฒ๋ฆฌ
- ์ฌ์ฉ์์ ์ํธ์์ฉ(ํด๋ฆญ, ํค๋ณด๋ ์ ๋ ฅ ๋ฑ...)์ ์ด๋ฒคํธ๋ก ์ฒ๋ฆฌ๋๋ฉฐ, ์ด๋ฒคํธ ํธ๋ค๋ฌ๊ฐ ๋ฑ๋ก๋ JS ์ฝ๋์ ์ํด ์ฒ๋ฆฌ๋จ.
- ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ ๋น๋๊ธฐ์ ์ผ๋ก ์คํ๋๋ฉฐ, ํ๋ฉด์ ๋ณํ๋ฅผ ์ค ์ ์์.
- ๋คํธ์ํฌ ์์ฒญ
- ์น ํ์ด์ง์ ํฌํจ ๋ ์ด๋ฏธ์ง, ๋น๋์ค, ์คํฌ๋ฆฝํธ ํ์ผ ๋ฑ์ ๋ฆฌ์์ค๋ ํ์ํ ๋๋ง๋ค ์๋ฒ์์ ๋ค์ด๋ก๋ ๋จ.
- ๋ธ๋ผ์ฐ์ ๋ ๋คํธ์ํฌ ์์ฒญ์ ๋น๋๊ธฐ์ ์ผ๋ก ์ฒ๋ฆฌํ๋ฉฐ, ํ์ํ ๋ฆฌ์์ค๋ฅผ ์บ์ฑํ์ฌ ์ค๋ณต ๋ค์ด๋ก๋๋ฅผ ๋ฐฉ์งํจ.
- ํ์ด์ง ์
๋ฐ์ดํธ
- ์ฌ์ฉ์๊ฐ ํ์ด์ง๋ฅผ ์คํฌ๋กคํ๊ฑฐ๋ ๋ค๋ฅธ ํ์ด์ง๋ก ์ด๋ํ ๊ฒฝ์ฐ, ๋ธ๋ผ์ฐ์ ๋ ์๋ก์ด HTML์ ์์ฒญํ๊ณ 1~7 ๋จ๊ณ๋ฅผ ๋ค์ ์ํํ์ฌ ์๋ก์ด ํ์ด์ง๋ฅผ ๋ ๋๋ง
'๐ฅ๏ธ CS(Computer Science) > ๋คํธ์ํฌ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[๊ธฐ์ ๋ฉด์ ] GET, POST ๋ฐ์ดํฐ ํ๋ฆ (0) | 2023.09.07 |
---|---|
[๊ธฐ์ ๋ฉด์ ] GET vs POST (0) | 2023.09.06 |
[CS/๋คํธ์ํฌ] ์ฌ์ฉ์ ํจ์ค์๋๋ฅผ ์ ์กํ๊ณ ๋ณด๊ดํ๋ ๋ฐฉ๋ฒ (0) | 2023.08.05 |
[CS/๋คํธ์ํฌ] CORS (0) | 2023.08.03 |
[CS/๋คํธ์ํฌ] ํต์ (์๋ฒ<->ํด๋ผ์ด์ธํธ) (0) | 2023.04.22 |