๐ Web Browser ์น ๋ธ๋ผ์ฐ์
๐ซ Web Browser ์น ๋ธ๋ผ์ฐ์
URL ์
๋ ฅ์ ํตํด Web Page๋ฅผ ๋ค์ด ๋ฐ๊ณ ,
์ด๋ฅผ Rendering ํ์ฌ ๋ณด์ฌ์ฃผ๋ GUI ํ๋ก๊ทธ๋จ
= ์๊ฒฉ์ง
๋ฌธ์ ๋ทฐ์ด
์ฃผ์ ์
๋ ฅ์ฐฝ์ URL Uniform Resource Locator ์
๋ ฅ
โ (์ผ๋ฐ์ ์ผ๋ก) HTTPS๋ฅผ ํตํด Resource
(๋ฌธ์/Web Page๋ Resource)๋ฅผ Web Server๋ก ๋ถํฐ Get-Read/Post ํ๊ฒ ๋ค๋ ๊ฒ
โ CMD ๋ช
๋ น์ด ์
๋ ฅํ๋ ๊ฑฐ๋ ๋ค๋ฅผ ๊ฒ ์์ (DNS Domain Name System, URL โ IP)
โ Search Query๋ฅผ ์
๋ ฅํ๋ฉด ์ค์ ํด๋ Search Engine์ผ๋ก ๊ฒ์
๊ฐ๋ฐ์ ๋๊ตฌ/๋คํธ์ํฌ ํญ์ ํตํด,
Web Browser๊ฐ Resource๋ฅผ ์ด๋ป๊ฒ ๋ค์ด๋ก๋ํ๊ณ ์๋์ง ํ์ธ ๊ฐ๋ฅ
Web Page๋ HTML, CSS, JavaScript๋ก ๊ตฌ์ฑ๋จ
- ๋ค์ด๋ก๋ ์์
- HTML ๋ฌธ์
- HTML ๋ฌธ์๊ฐ ์ฐธ์กฐํ๋ CSS
- CSS๊ฐ ์ฐธ์กฐํ๋ ํฐํธ?
- ๋ ๋๋ง ์์๊ณผ ๋์์, ์ด๋ฏธ์ง (Favicon๋ ์ด๋)
HTML ๋ฌธ์๋ ์ฌ๋์ด ์ฝ๊ธฐ ์ด๋ ค์
So, Web Browser๋ ๋ค์ ๊ณผ์ ์ ํตํด ์ฝ๊ธฐ ์ฝ๊ฒ ๋ณด์ฌ์ค
- Parsing ๊ตฌ๋ฌธ ๋ถ์์ ํตํด DOM (์๋ฃ๊ตฌ์กฐ - ๋น์ ํ ํธ๋ฆฌ๊ตฌ์กฐ) ์์ฑ
- DOM์ ๊ธฐ๋ฐ์ผ๋ก Rendering (์ถ๋ ฅ)
๐ซ ์ฐธ๊ณ
๋๋ํ ๊ฐ๋ฐ์ - ์ด์ฐฝ๊ธฐ ์น ์๋น์ค ๊ตฌ์กฐ
๊ฐ์ฅ ์ฌ์ด ์น๊ฐ๋ฐ with Boaz - ๋ธ๋ผ์ฐ์ ์ URL์ ์
๋ ฅํ๋ฉด ์ด๋ค ๊ณผ์ ์ด ์งํ๋ ๊น?