반응형
axios로 통신을 하던 와중 headers에 왜 이것을 써주어야 하는지 궁금했다!
axios 요청할 때 header에 이런 것을 넣어준다.
'Content-Type' : 'application/json',
이것의 의미는 json 형태로 응답해주세요. 라는 뜻이다.
백엔드와 프론트엔드 사이에 전달을 요즘 다 json형태로 하는 추세라고 한다.
request랑 response 형태가 어떤 형태로 들어가고 나오는지 확인 후 헤더를 정한다.
예를들어 로그인을 했을 때(백엔드에서 POST로 signin을 한다면) 어떤 것을 줄까?를 물어본다면 그것은 응답이다.
응답 : json토큰 (jwt)
{
"access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6InRlc3RAZ21haWwuY29tIiwic3ViIjo0LCJpYXQiOjE2NTk5MDQyMTUsImV4cCI6MTY2MDUwOTAxNX0.DyUCCsIGxIl8i_sGFCa3uQcyEDb9dChjbl40h3JWJNc"
}
json 토큰이 하는 일은 무엇일까?
로그인을 하면 이 사람이 사이트를 쓸 수 있도록 해주는 것이다. (예를들면 에버랜드 티켓 같은것-팔찌 티켓 같은 것)
이 토큰이 언제 필요한가를 따져봤을 때 다른 놀이기구 탈 때, 즉 다른 api 사용할 때 필요하다.
그래서 다른 api 사용할 때 header에 같이 이 부분을 전달해달라고 하는 것이다.
저것이 없으면 우리 사용자가 맞는지 아닌지 확인하도록 할 수 있다.
'개발' 카테고리의 다른 글
CSRF(Cross Site Request Forgery)와 XSS(Cross Site Scripting) (0) | 2023.12.02 |
---|---|
[Webpack5 + typescript] resolve alias 절대경로 설정하기 (0) | 2023.08.28 |
[패스트캠퍼스] React 강의 8주차 (0) | 2023.05.28 |
[패스트캠퍼스] React 강의 7주차 (0) | 2023.05.22 |
[패스트캠퍼스] React 강의 6주차 (0) | 2023.05.19 |