2019. 06. 08 이머시브 수업 2주차 - 5일(Client & Server)

Chatterbox-client

주요키워드

• client
• server
• browser
• http
• API
• database

---

Client

서버에게 데이터를 요청하는 존재
쉽게 말해서 고객, 소비자

Browser

서버에 데이터를 요청해서 받은 데이터를 보여주는 것

Server

자원을 serve하는 주체
예를 들자면, 주방에서 음식을 서빙하는 아르바이트 같은 존재

Database

자원을 저장하는 창고
예를 들자면 음식(리소스)이 쌓여있는 주방

Http(Hyper Text Transfer Protocol)

인터넷에서 데이터를 주고받을 수 있는 프로토콜
프로토콜은 규칙
클라이언트와 서버간의 소통할때의 규칙
서버가 알아들을 수 있게 요청을 할 수 있는 방법
HTTP 1.1 vs HTTP 2.0

• 현재쓰고 있는건 HTTP 2.0이고, 바이너리 형식으로 압축 전송이 가능
  TCP/IP를 이용하는 응용계층 프로토콜
  

  

UDP란?

HTTP의 CRUD

API(Application Programming Interface)

제공하는 특정 기능을 제어할 수 있는 인터페이스

• API를 통해 소스 공개는 하지 않으면서 특정권한으로 파일을 업로드/다운로드 할 수 있는 기능(인터페이스)을 제공해주는 것
• 즉, 수정은 안되고 읽는것만 가능 (ex) 날씨API, 지도API)

API와 플러그인의 차이점

• 플러그인은 적용범위가 한정적이라고 볼 수 있고(특정 프로그램내에서만 작동 ex) 포토샵), API는 적용범위가 더 넓다고 볼 수 있음

Ajax(Asynchronous Javascript and Xml)

JavaScript의 라이브러리중 하나이다

 

XML과 HTML

1. XML은 문자 기반의 마크업 언어

2. 이 언어는 사람과 기계가 동시에 읽기 편한구조로 되어있음

3. 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달할 목적으로 만들어짐

4. HTML은 데이터를 보여주기 위한 목적을 가지고 있음

Ajax의 장점과 단점

 

1. 장점 :

• 웹페이지의 속도향상
• 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능하다(비동기식)
• 서버에서 Data만 전송해면 되므로 전체적인 코딩의 양이 줄어든다.
• 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해준다. 사진공유 사이트 Flickr의 경우 사진의 제목이나 태그를 페이지 리로드 없이 수정할 수 있다.

2. 단점 :

• 히스토리 관리가 안 된다. (보안에 좀 더 신경을 써야한다.)

• 연속으로 데이터를 요청하면 서버 부하가 증가할 수 있다.

• XMLHttpRequest를 통해 통신을 하는 경우 사용자에게 아무런 진행 정보가 주어지지 않는다. 그래서 아직 요청이 완료되지 않았는데 사용자가 페이지를 떠나거나 오작동 하게될 우려가 발생하게 된다.
  
  

  비동기 방식(async)

1. 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식
2. 장점 : 페이지 리로드의 경우 전체 리소스를 다시 불러와야하는데 모두 재요청할 경우 불필요한 리소스 낭비가 발생하지만 비동기식 방식을 이용할 경우 필요한 부분만 불러와 사용가능

---

peer review

 

- 차분하게 분석하려고 하는부분이 장점이지만 느긋하고 소극적이라는 부분을 지적받았다

의견도 많이내고 더 적극적으로 임하자