웹 개발 종합반 1주차 TIL - 웹 브라우저 작동 원리

 

웹의 동작 개념

 

브라우저의 역할 : 요청을 보내고 html 파일을 그려주는 것

 

✅우리가 보는 웹 페이지는 서버에서 준비해 두었던 것을 “받아서” 브라우저에서 우리가 볼 수 있도록 “그려주는” 역할을 수행

 

✅ 즉 브라우저는 요청을 보내고, 요청의 답으로 받은 걸 그려주는 역할 

 

 

브라우저 요청

💡 서버가 만들어 놓은 API 라는 창구에 미리 정해진 약속대로 요청
      우리는 평소에도 웹을 쓰는 동안에 몇 번이고 요청을 보냄
     
      바로 주소 창에 주소를 입력하고 엔터를 입력하는 것으로!!

 

예) https://naver.com/
     

    ✓ 이것은 “naver.com”이라는 이름의 서버에 있는 “/”라는 주소 창구에 요청

  

     ✓ 네이버에서 그 대답으로 네이버 홈에 해당하는 HTML 파일을 준다

 

     ✓ 우리가 보는 브라우저는 주소를 통해 API로 요청을 보내고, API는 요청에 맞는 HTML파일 돌려주고 브라우저는 받은 것을 화면에 그려줌

 

 

그럼 항상 서버가 HTML 파일로 돌려주는지?

💡데이터만 내려 줄 때가 더~ 많음

 

✓  방금 봤던 개발자 도구에서 보인 HTML 파일의 코드도 결국 데이터이다

 

✓  만약 우리가 공연 티켓을 예매하고 있는 상황에서 좌석이 실시간으로 매진될 때마다 보던 페이지가 새로고침 되면 예약하기 너무 어려우니까.

 

✓  그렇기 때문에 데이터만 받아서 갈아 끼우는 식으로 작동

 

💡 실제로 많은 웹 서비스에서는 API로 요청 ⇒ 서버의 데이터베이스에서 데이터를 돌려주고, 브라우저에서 Javascript라는 언어에서 갈아 끼워준다

 

데이터만 내려올 경우에는 아래 이미지처럼 생김
JSON 형식이라고 하는데, 나중에 써볼 예정!