전에 배웠던 내용으로 html와 http가 거미줄처럼 이어져 있는 구조를 Web이라고 한다 했다. 

프로그램이라하면 유지보수의 편의성을 위해 자료구조, UI, 제어로 분류한다. web도 마찬가지이다. 

\Client단(web browser) -> Internet 0> Server 로 나뉘어진다. 

http 통신의 제일 큰 특징으로 stateless 가 존재한다. 

 

일단 클라이언트에서 서버로 연결되는 과정을 보자.

먼저 html문서에 주소(Uniform Resource location) 여기서 resource는 html와 같은 문서를 말한다. http는 tcp/ip기반 연결을 하는데 WebClient의 Ip주소에서 url을 토대로 WebServer Ip에 연결해 resource를 요청하게 된다. Client에서  wireshark문법 http.request를 통해 요청을하게 되고 프로토콜 구조상 server에서는 http.response로 응답한다.  보통 요청할 때 http.request.method == GET 을 통해 리소스를 요청한다. 

 

여기서 Url을 입력하는데 어떻게 ip주소 연결이 이루어지나 의문점이 들 수 있다. 여기서 DNS라는 친구한테 url을 던지면 ip(server)주소를 던져준다. 이렇게 resource로 html파일을 가져오게 되면 태그로 되어있는 html파일을 구문분석한다.(parsing)  자바에서 antler 구문분석기 쓰듯이 구문 분석으로 하고 비선형트리구조의 DOM으로 바꿔준다. 

 

DOM이 뭔지 알고싶다면 얄코 보세용 일단 내가 정리 해놓은것 링크 남겨놓을게

https://korean-elon-musk.tistory.com/15

 

DOM에 관하여.. (Web)

스토리라인 개쩌는 얄코 유튜브 ... don't forget subscribe and like..... 우리가 HTML에서 사용하는 document 모두 JS것이라고 생각할테지만 아니다. 콘솔창에서 document를 찍어보면 찾아볼 수 없지만 크롬이나

korean-elon-musk.tistory.com

아무튼 DOM으로 만들어 놓은것을 화면에 렌더링한다. Browser는 문서 Viewer라고 보면된다. 현재는 '원격지 문서 뷰어'

널널한개발자님 강의 캡쳐

 

'3-2 > Web' 카테고리의 다른 글

[Web] Js Form Validation  (0) 2022.10.05
WebServer vs WAS  (0) 2022.09.15
웹 서비스의 3대 요소  (0) 2022.09.15
웹 서비스의 시작  (0) 2022.09.15

+ Recent posts