[01-01] 웹 구성 간 흐름

웹

- 문서 공유 및 탐색용(단방향, 요청 후 단절)

- HTML(Hyper Text Markup Language): 현실 세계 문서와 달리 Link가능

- 단지, 저장된 문서를 전달(정적 웹 리소스 반환 == WS)

---

- 많은 페이지 저장 => 불편 => 동적 웹 리소스 반환 시작 --> 실시간성과 공간 효율을 확보

-> 어플리케이션(요청->연산->반환)을 붙여 사용

-> CGI(1요청 1비상주 P) -> FCGI(1요청 1상주 P) -> PHP(이때부터 내장?) -> WAS(Tomcat, Netty)(1요청 1T)

-> MVC(model + view + controller): 템플릿 view에 데이터 model을 올려서 controller를 통해 페이지가 뿅

---

마크업 언어	태그 기반, 문서 구조 표현 목적
마크 다운 언어	간단한 텍스트 기반, 경량화된 형식

 

Randering Tree = DOM Tree + CSSOM Tree

이후, Layout (Reflow) -> Paint (Repaint)

JS를 통해 DOM조작 가능 (TTI 후, 적용)

 

네트워크 기초

- 노드의 구성으로 네트워크 형성

- 공개되어 있으면 인터넷, 작은 공간에 한정되어 있으면 인트라넷(WAN <-> LAN)

- 인트라넷에서 GW를 사용해 외부와의 연결이 가능함(IGW).

- 라우터를 이용해 통신 시, 해당 IP주소 확인 및 최적 경로 탐색 => 통신(노드 간의 이동 시, 1홉씩 증가)

---

=> 도메인으로 IP찾기(=> DNS(Domain name System) 이용)

=> WB의 로컬 캐시 확인 -> 로컬 DNS 확인 -> ISP-DNS Resolver 사용(캐싱된 거에서 찾으면 Non-Authoritative) -> DNS의 Root서버부터 탐색(이 때, 반복적 or 재귀적 호출을 통해 탐색) -> TLD -> NS

=> 찾아서 ISP의 DNS Resolver 캐시 갱신(유효 시간 == TTL), 이렇게 찾은건 Authoritative

---

=>URI는 찾는 자원의 위치 -> URL을 포함하는 개념

=> Scheme + host name + (port) + (query) + (fragment)

=> 자원 식별 프로토콜 + 서버 주소(호스트의 위치) + 포트번호.. + 서버 내 자원 위치 + 추가적인 정보 표현(키-쌍 값으로) + #으로 시작되는 특정 섹션 지정

 

 

2024.12.11 - [ASAC/정리용] - [2주차 1차시] 웹 동작-1