http Content-Type : application/x-www-form-urlencoded

npm install qs

Content-Type 이란?

api 연동 시에 자원을 보낼 때, 그 자원의 명시하기 위해서 사용합니다. body에 들어갈 내용을 header에서 명시해주는 것입니다. 이 중에서는 여러 가지 타입으로 나뉘는데, Text타입으로는 text/css, text/javascript, text/html, text/plain 등

file을 실어보내기 위해서는 multipart/form-data가 있고 Application 타입으로는 application/json, application/x-www-urlencoded가 있습니다.

 

REST API를 쓰면서 데이터를 받아 올 때 주로 application/json, 데이터를 보낼 때, multipart/form-data를 사용했었습니다

이번에 cafe24 인증받는 절차를 작업하면서 application/x-www-form-urlencoded 라는 타입을 처음으로 만났습니다. 

 

application/json  - application/x-www-urlencoded

아마도 많은 분들이 application/json 타입에 익숙하실거라고 생각합니다. application/x-www-urlencoded은 html의 form 기본 타입으로 두 가지 모두 application 타입이지만 다른 점이 있다면 전송되는 형태입니다. application/json은 {key:value} 타입이고, 다른 하나는 key=value&key=value의 형태로 전달됩니다. 즉 보내는 데이터를 URL 인코딩이라고 하는 방식으로 인코딩 후에 웹서버로 보내야 합니다.

 

인코딩하는 방법으로는 다양한 방법이 있지만 제가 찾아낸 방법은 qs 라이브러리를 사용하는 것입니다. 

 

 

gs설치

npm install qs

import 방법

import qs from 'qs';

인코딩 방법

var string = qs.stringify(data);

 

 

 

 

 

 

 

 

참고 자료

HTTP: Content-Type 에 대해 알아보자 (application/json, application/x-www-form-urlencoded, multipart/form-data)