React - request/response 이해하기

 

 

소스로 이해하기

1. fetch()의 첫 번째 인자는 백앤드에서 만든 API와 연결하는 것을 의미한다.

2. 두번째 인자로는 요청하는 값을 의미한다.

- method는 보내는 방식을 의미한다. ex) POST / GET

- header는 해당 request에 대한 추가 정보(addtional information)를 담고 있는 부분이며, 설명 같은 내용이 들어있는 메타 데이터라고 보면 된다.

 

HTTP Header에 쓰이는 Content-Type이란 무엇일까?

request에 실어 보내는 데이터(body)의 type의 정보를 표현한다.

ex) text/css, text/javascript, text/html, text/plain

Content Type은 Request에 실어 보내는 data의 type에 따라 적절하게 선택을 해주면 된다.

 

3. body에서는 해당 API에(서버에) 데이터 값들을 보낸다고 생각하면 된다.

JSON은 일반적인 용도는 웹 서버와 데이터를 주고받는 것이다.

웹 서버로 데이터를 보낼 때의 데이터는 모두 문자열이어야 한다.

JSON.stringify()은 자바스크립트의 데이터들을 문자열로 바꿔준다라고 보면 된다.

 

4. then()은 보통 서버에서 응답이 왔을 때 사용하며, "그러고 나서"라는 의미이다.

응답이 왔을 때 데이터 형식은 모두 JSON형식이기 때문에. JSON을 이용해서 모두 자바스크립트로 바꿔줘야 그 데이터를 가지고 활용할 수 있다.

 

5. response.Authorization의

그 토큰 값을 Authorization에 담아서 보내 준 것이다.

이 토근 값을 통해서 각각의 회원들을 구분할 수 있을 것이다.