DH Web Hacking
✏️Background - Web / 웹 브라우저
📌웹 브라우저
웹 브라우저는 서버와 HTTP 통신을 대신해주고, 수신한 리소스를 시각화하여 일반 이용자가 인터넷을 편하게 사용하도록 하였다.
이러한 의미로, 웹 브라우저는 뛰어난 이용자 경험(User eXperience, UX)을 제공하는 소프트웨어 중 하나이다.
웹 브라우저의 기본동작
이용자가 주소창에 google.com을 입력할 떄)
1. 웹 브라우저의 주소창에 입력된 주소를 해석 (URL 분석)
2. google.com 에 해당하는 주소 탐색 (DNS 요청)
3. HTTP 를 통해 google.com 에 요청
4. google.com 의 HTTP 응답 수신
5. 리소스 다운로드 및 웹 렌더링 (HTML, CSS, JS)
📌URL
Uniform Resource Locator 의 약자, 웹에 있는 리소스의 위치를 표현하는 문자열이다.
URL은 Scheme, Authority (Userinfo, Host, Port), Path, Query, Fragment 등으로 구성된다.
| 요소 | 설명 |
|---|---|
| Scheme | 웹 서버와 어떤 프로토콜로 통신할지 나타낸다. |
| Host | Authority의 일부로, 접속할 웹 서버의 주소에 대한 정보를 가지고 있다. |
| Port | Authority의 일부로, 접속할 웹 서버의 포트에 대한 정보를 가지고 있다. |
| Path | 접근할 웹 서버의 리소스 경로로 '/'로 구분된다. |
| Query | 웹 서버에 전달하는 파라미터이며 URL에서 '?' 뒤에 위치한다. |
| Fragment | 메인 리소스에 존재하는 서브 리소스를 접근할 때 이를 식별하기 위한 정보를 담고 있다. |
📌Domain Name
URL 구성 요소 중 Host 는 Domain Name, IP Address 의 값을 가질 수 있다. Domain Name 을 Host 값으로 이용할 때, 브라우저는 DNS에 Domain Name 을 질의하고,
DNS가 응답한 IP Address 를 사용한다.
📌웹 렌더링
서버로부터 받은 리소스를 이용자에게 시각화하는 행위를 말한다.
서버의 응답을 받은 웹 브라우저는 리소스 타입을 확인하고, 적절한 방식으로 이용자에게 전달.
웹 렌더링은 웹 렌더링 엔진에 의해 이뤄지는데, 이는 브라우저별로 서로 다르다.
크롬은 블링크(Blink) 엔진을 사용한다.
