새벽_나그네
12시 지난 새벽
새벽_나그네
전체 방문자
오늘
어제
  • 분류 전체보기
    • TIL
    • DevLog
    • Algorithm
    • ComputerScience
    • etc

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자기주도학습
  • 내일배움캠프
  • 내일배움단
  • machine learning
  • 내일배움카드
  • TodayILearned
  • 코린이
  • docker
  • portfolio
  • til
  • 스파르타코딩클럽
  • Github
  • Python
  • 코딩프로젝트
  • 프로그래머스
  • 국비지원
  • 개발일지
  • AI트랙
  • 코딩
  • Selenium 4

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
새벽_나그네

12시 지난 새벽

[10분 CS지식] 웹 브라우저의 요청 흐름
ComputerScience

[10분 CS지식] 웹 브라우저의 요청 흐름

2022. 4. 24. 16:43

웹 브라우저의 요청 흐름 : 웹사이트에서 검색어를 입력하고 검색을 누르게 되면 어떤 일들이 벌어질까?

uri 내용중 호스트의 내용을 이용하여 DNS 조회를 하여 IP를 찾아내고 https 라면 port 번호까지 찾아내서 이것으로 TCP 패킷을 만들 준비를 합니다. 이전 글을 생각하여 보면

 

패킷을 만들때 출발지와 목적지의 주소가 들어가고 여기에 port 번호가 같이 들어간다고 했는데 이것까지를 작성하고 이 밑에 전송 데이터에 패스와 쿼리를 이용해서 HTTP 요청 메시지를 만들게 된다.

간략하게 보게된다면 밑과 같고 이 내용이 전송 데이터에 들어가게 된다.

http 요청 메시지

여기까지 설명한 채로 진행 상황을 번호로 정리하면 

1. 웹 브라우저가 HTTP 메시지 생성

2. SOCKET 라이브러리를 통해 전달

- tcp/ip를 통해서 목적지와 연결하고 데이터를 전달한다.

- 여기서 밑의 패킷 형태로 보내진다.

3. 이것이 서버에 도착하게 되면 tcp/ip 패킷을 벗겨서 전송데이터의 내용을 확인 한 후 http 응답 메시지를 만들어서 다시 보내 준다. 이렇게 보낼때도 tcp/ip 패킷을 만들어줘야하며 이때는 출발지는 서버 목적지는 사용자의 ip가 된다.

4. 이것을 받아서 사용하게 된다. : 검색 기능일 경우에는 html 데이터가 들어가 있고 웹브라우저가 렌더링 하면서 사용자가 보게 된다.

 

 

저작자표시 비영리 변경금지 (새창열림)

'ComputerScience' 카테고리의 다른 글

[3분 CS지식] CORS  (0) 2022.05.18
[10분 CS지식] Hoisting ( const, var, let )  (0) 2022.04.29
[10분 CS지식] URI, URL, URN  (0) 2022.04.24
[3분 CS지식] PORT  (0) 2022.04.24
[10분 CS지식] IP  (0) 2022.04.24
    'ComputerScience' 카테고리의 다른 글
    • [3분 CS지식] CORS
    • [10분 CS지식] Hoisting ( const, var, let )
    • [10분 CS지식] URI, URL, URN
    • [3분 CS지식] PORT
    새벽_나그네
    새벽_나그네
    IT, 프로그래밍, 정보, 스마트스토어

    티스토리툴바