15Jan2010 TIL

출처 : 코드스테이츠 (그림 그리기 귀찮아서 캡춰)

Browser

A web browser (commonly referred to as a browser) is a software application for accessing information on the World Wide Web. When a user requests a particular website, the web browser retrieves the necessary content from a web server and then displays the resulting web page on the user's device. (출처 : Wikipedia)

이 위키피디아의 두 문장이 브라우저의 정의와 핵심 기능을 소개한 문장이라고 생각한다. 웹 브라우저는 소프트웨어 웹 어플리케이션으로서WWW의 정보에 접근 할 수 있고, 유저가 필요할 때, 필요한 컨텐츠를 웹서버로 부터 찾아주고, 유저의 장치에 결과를 웹페이지로 보여주는 역할을 한다. 

컴퓨터는 0과 1로만 이해할 수 있는데, 우리가 작성하는 html/js/css를 컴퓨터가 이해할 수 있는건, 브라우저 엔진에 해당 언어를 이해할 수 있는 렌더링 엔진이 탑재되어 있기 때문이다. 렌더링 엔진은 유저의 리퀘스트에 따라 브라우저 화면에 구현하는 역할을 한다. 렌더링 엔진에서 파싱은 중요한 과정이라고 한다. 이때 문서파싱은 브라우저가 이해할 수 있는 구조로 변환하는 것이다. 

 

server

클라이언트의 요청에 따라 데이터베이스에서 요청의 응답에 대한 정보를 가져오는 역할을 한다. 

 

API

데이터베이스에 어떤 정보가 있는지 모르는 클라이언트가 서버자원을 잘 가져다 쓸 수 있게 만든 인터페이스

- get / messages : 메세지 전달

- post/messages : 메세지 저장

서버는 json 타입의 형태로 클라이언트의 요청에 응답한다.

 

HTTP 

- protocol : 규약, 규칙을 지켜서 통신을 한다. 클라이언트와 서버가 통신할때 http를 쓴다.

- TCP/IP ; 클라이언트가 서버에 요청할때, 컴퓨터가 알아들을 수 있는 언어로 서버에 통신한다. 

- 작동방식 : 항상 요청과 응답으로 이루어짐

- 구성 : header (origin / content-type / user-agent) 와 body 로 구성해 있다. 

- 속성 : stateless (http의 각 요청은 모두 독립적이라 state 가 없다) / connectionless (한번의 요청에는 한 번의 응답만)

- method : .get() 서버에 자원을 요청 .post() 서버에 자원을 생성 .put - 서버의 자원 수정 .delete 서버 자원 삭제 

 

AJAX

dynamic web page : 서버와 자유롭게 통신, 필요한 부분만 변경하는 것

보다 쓰기 쉬운 표준 API (fetch API)