Web Architecture

Browser

사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시

우리가 흔히 보는 HTML, CSS, JS로 작성된 코드를 컴퓨터에서 볼 수 있는 이유는 ? 브라우저

HTML 문서와 그림, 멀티미디어 파일 등 WWW을 기반으로 한 인터넷의 컨텐츠를 검색 및 열람하기 위한 응용 프로그램

 

Server

클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템

주로, 리눅스 등 운영체제를 설치한 대형 컴퓨터를 쓰지만, 그렇지 않은 경우도 있음

자원을 Serve하는 주체

 

API

응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능 제어할 수 있게 만든 인터페이스

서버에 요청해서 Client로 돌려주는 역할

GET : 메시지 전달

POST : 메시지 저장

 

HTTP

Hyper Text Transfer Protocol

클라이언트와 서버와 통신하기 위한 통신 규약

HTTP 헤더가 있으며, 7Layer에 응용계층 (7계층)에 속함 (5Layer는 5계층에 속함)

응답 코드를 통해 클라이언트가 서버에 접속하여 어떤한 요청을 하는지 응답

 

7Layer

7계층 -  Application 6계층 - Presentation 5계층 - Session 4계층 - Transport 3계층 - Network 2계층 - Data-Link 1계층 - Physical

 

5Layer

5계층 - Application 4계층 - Transport 3계층 - Network 2계층 - Link 1계층 - Physical

 

응답코드

100 - Continue 200 - OK 400 - Bad Request 500 - Internal Server Error

 

Ajax

예전에는 <form> 태그를 이용한 페이지 전환과 요청에 따른 응답을 진행

페이지의 일부만을 업데이트 하기 위해 Ajax 등장

웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위함

필요한 부분만 렌더링

 

변천사

Using XMLHttpRequest ⇒ Using XMLHttpRequest (using Jquery) ⇒ fetch API