[TIL] 05/29 : REST API(Youtube API), Postman(curl, payload)

토/

개인공부: 프론트엔드

YoutubeAPI, Postman 등

Youtube Clone Project 

Redux/Saga 개념공부

 

개인프젝: 코코아기

- 메인화면 빼보기 & Research

 

일/

회사업무: 

 

- 신분증 인증 API 요구사항 맞추기

- axios 리팩토링 완료

---

YoutubeAPI / REST API 사용 예시

 

- snippet: 한 가지 정보의 단위. 

- 개발툴에서 네트워크 툴에 와서 shift+누른 상태에서 리프레시하면 캐시무시하고 강제로 다시 받아옴.

- 아래 처럼 크롬개발툴의 Network탭에서 API통신한 내용을 보여줌

- 어떤식으로 정보를 업뎃하고 삭제하고 등을 할 때는 REST API

 

 

Postman

 

- REST API 통신할 때 유용함

- REST API를 사용하는 클라이언트를 개발할 때(GraphQL도 가능) 서버와의 API 인증과 동작을 먼저 확인한 후에 가능

 

*curl: 서버와 통신할 수 있는 커맨드 명령어 툴(웹 개발에 많이 사용되는 무료 오픈소스)

    - 다양한 프로토콜을 지원함: HTTP, HTTPS, LDAP, FILE, FTP 등

    - url을 가지고 할 수 있는 것을 다 할 수 있음(http프로토콜 이용해 웹페이지 소스를 가져오거나, ftp프로토콜을 이용해서 파일을 다운받을 수도 있다. 심지어 SMTP 프로토콜을 이용하면 메일도 보낼 수 있음)

 

*http: 인터넷상에서 데이터를 주고받기 위한 서버/클라이언트 모델을 따르는 프로토콜. 링크기반으로 데이터에 접속할 수 있음. 가장성공적 인터넷 프로토콜

     - 클라이언트에서 요청(request)를 보내면 서버는 요청을 처리해서 응답(response)한다.

     - 클라이언트는 URI를 이용해서 서버에 접속을 하고, 데이터를 요청함

     - 서버는 클라이언트의 요청을 받아서 요청을 해석하고 응답함. node.js 아파치 ngnix 등이 서버 소프트웨어

 

*FTP: 하나의 호스트에서 다른 호스트로 파일을 옮기기위한 TCP기반 프로토콜. 얘도 서버/클라이언트 모델 따름. 클라이언트는 서버에 연겨랳서 파일 업로드 및 다운을 요청하고, 요청을 받은 서버가 응답 데이터로 파일을 전송하거나 수신함.

 

postman 사용법:

Authorization: key, part 등 입력

Variable: 반복적으로 컬렉션에서 사용하는게 있다면 입력 해놓으면 좋음

URL뒤에 붙는 것들을 params에서 입력하여 직관적으로 확인 가능

 

포스트맨 우측 코드를 보면, 거기서 어떻게 받아올 수 있는지 확인이 가능

 

*Payload: 전송되는 데이터 자체를 지칭함.

무슨 말이냐면. 원래 데이터 전송할 때 header, metadata, 에러체크비트 등과 같은 요소들이 함께 보내지게됨.

이건 데이터 전송의 효율과 안정성을 높이기 위해 그럼!

이때 보내고자하는 실제 데이터 자체를 페이로드라고 함. 무슨 말인지 모르겠다면 아래 예제를 보면 됨.

 

- 메시지 프로토콜 중, 오버헤드와 원하는 데이터를 구별할 때 사용됨

아래의 json에서 payload는 무엇일까요?

json에서 'data'라는 부분임. 

나머지것들은 통신하는데 용이하게 해주는 부차적 정보일뿐.

{
	"status" : 
	"from": "localhost",
	"to": "http://김컴동.com",
	"method": "GET",
	"data":{ "message" : "Hello Fucking World!" }
}

 

 

 

* 앨리의 드림코딩 복습

https://academy.dream-coding.com/

Dream Coding