Immersive 서버통신

🐋 브라우저 (Browse)

사람이 볼 수있도록 번역해줌.

언어를 이용해서 작성하면 브라우저에서 해독해서 컴퓨터에 바이너리(2진수)데이터를 넘겨줍니다.
처리한 것을 다시 브라우저에 보여줍니다. (쌍방향 통신 => 구글 크롬, 사파리)

🐶 서버 (Server)

클라이언트(고객) 와 DB(대기업) 중간의 유통업체.

제공하는 주체, 클라이언트가 요청하면 서버는 데이터베이스에서 가져와서 클라이언트에게 보여줍니다.

🐯 API (Application Programming Interface)

서버 자원을 잘 가져다 쓸 수 있게 만들어 놓은 메뉴판.

인터페이스 란?
컴퓨터 시스템끼리 정보를 교환하는 공유 경계를 의미합니다.
사물 간 또는 사물과 인간 간의 의사소통이 가능하도록 일시적 혹은 영속적인 접근을 목적으로
만들어진 물리적, 가상적 매개체(접점)를 의미합니다.

🐷 HTTP (HyperText Transfer Protocol)

규약과 규칙을 지키며 먹은 만큼 뱉습니다.

규약과 규칙, 서버와 클라이언트가 주로 HTML등의 문서로 주고받는데 사용하는 포로토콜

• http 구성
  * header
  어디서 보내는 요청인가(origin)
  컨텐츠 타입은 무엇인가(content-type)
  어떤 클라이언트를 이용해 보냈는가(user-agent) ...
  • body
    서버에 데이터를 보내기위한 공간
    method: GET, PUT, POST, PUT, DELETE ...
• http 속성
  * stateless - 요청은 독립적 이기 때문에 state 라는 것이 없다.

  • connectionless - 응답을 하는 순간 연결 종료

    GET - 서버에 자원을 요청
    POST - 서버에 자원을 생성 (메세지 생성)
    PUT - 서버의 자원을 수정 (프로필 없뎃)
    DELETE - 서버의 자원을 제거

🐼 ajax (

서버 응답에 따라 동적으로 페이지의 구성요소를 변경합니다.

• dynamic web page 등장
  * 서버와 자유롭게 통신할 수 있다.
  XMLHttpRequest(XHR)
  • 페이지 깜빡임 없이 seamless 하게 작동합니다.
    Javascript와 DOM 사용
    
  두개를 다 합쳐서 ajax 라고 합니다.
• fetch API

  		fetch ('URL') // 서버주소 ,Defalult 값은 GET
  			.then(function(response) { // 응답을 받으면
       		return response.json(); // json으로 되어있는 것을 자바스크립트 object로 바꿈
     })
  			.then(function(json) {  
       // json 형태로 전달 받은 서버로부터 응답      		
     });

## 🐨 용어

* DNS (Domain Name System) 
	도메인 네임 시스템, 호스트의 도메인 이름을 호스트의 네트워크 주소로 바꾸거나 그 반대의 변환을 수행함.
			
![스크린샷, 2019-08-04 00-30-31.png](https://velog.velcdn.com/post-images%2Fchltndid724%2Fab5bfb80-b603-11e9-8c7f-5dfac3f50e29%2F%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7-2019-08-04-00-30-31.png)

1. 사용자가 www.example.com을 치면
2. 케이블 인터넷 공급업체, DSL 광대역 공급업체 또는 기업 네트워크에서 관리하는 DNS 해석기로 라우팅됨.
3. 해석기에서 요청 받은 www.example.com을 DNS 루트 이름으로 전달합니다.
4. 해석기는 이번에 요청 받은것을 가지고 .com  도메인의 TLD 이름 서버중 하나에 다시 전달함. 
5. 해석기는 전달 받은것을 가지고 amazon에 가서 요청 해당이름 서버를 전달합니다.
6. amazon 이름 서버는 example.com 호스팅 영역에서 www.example.com 레코드를 찾아서 웹 서버의
	IP wnth 190.0.2.44를 받아 DNS 해석기로 반환합니다.
7. 드디어 IP 주소를 획듭합니다. 해석기는 다음에 누군가 탐색을 좀 빨리 할수 있도록 IP주소를 캐싱합니다.
	캐싱궁금하면 TTL (Time to Live)