[TIL] 2020 09 23 Wed (IM 18일차)

TIL

1) Client, Server, API, HTTP, Ajax

클라이언트와 서버의 역할, 통신 규약 등에 대해 배웠다.
* API 관련 내용 정리

## 클라이언트와 브라우저의 관계

브라우저를 통해 클라이언트의 기능을 수행

API

서버의 메뉴판
서버의 리소스를 클라이언트에서 사용할 수 있도록 마련해 둔 인터페이스
없는 걸 요청하면 404 에러

서버와 클라이언트 간 하나의 약속

HTTP

서버와 클라이언트에서 교환하는 규칙, 양식
ex) 발주서

AJAX

Asynchronous JavaScript
and XML (파일 형식)

• XMLHTTPRequest (가독성 down)
• fetch API -> promise return (callback 지옥 방지, 가독성 up)
• JQurey

정적 렌더링(화면 깜빡임) vs 동적 렌더링(seamless)

메소드 체이닝

객체를 연결고리로 함수를 지속적으로 호출
객체를 return하는 메소드에 바로 메소드를 또 붙여주는 방법

// EXAMPLE
string.filter(el => el !== "").filter(el => el === 'a')
각 filter 메소드는 return을 통해 다음 메소드에게 데이터를 넘겨주고 있다.

2) im-sprint-chatterbox-client

fetch를 이용해 서버의 데이터를 요청하고 받아올 수 있는 chatterbox 클라이언트를 구현하였다.

Thoughts

1. 귤의 계절. 귤을 까먹으면서 코딩을 하면.. 노트북이 끈적끈적해진다는 사실을 왜 생각하지 못했을까.
2. 아침에 열이 살짝 났다가 가라앉았다. 몸 상태가 나아지는 것 같긴 한데, 좀 더 회복할 시간이 필요하다.