[JavaScript] 파라미터 한글깨짐 문제 해결 encodeURI, decodeURI

 

 파라미터 한글깨짐 문제 해결

 

encodeURI, encodeURIComponent

 

현재 MobX로 상태관리 중이며 검색핸들러에 이용할 getIphone을 만들어줍니다.

searchInfo에 데이터를 바인딩해두는데 거기서 iphoneName이 event.target으로 입력이되면 encode를 해줍니다.

그리고 인코딩된 입력값을 아래와 같이 보내주고 받아온 정보를 setIphone에 저장해둡니다.

const getIphone = async () => {
  let iphoneSearch = encodeURI(encodeURIComponent(searchInfo.iphoneName));
  let findIphone = await iphoneRepository.getIphone(iphoneSearch);
  setIphone(findIphone);
};

 

decodeURI, decodeURIComponent

 

아래와 같이 decode를 사용하여 URI를 파라미터에 넣어 정상적으로 검색이 가능해진다.

/**
* 아이폰 기종 조회
* @param params
* @param isUser
* @returns {Promise<*>}
*/
getIphone(params){
  let param = params ? decodeURI(decodeURIComponent(params)) : "";
  let url = new URL(constants.API_BASE_URL + "/api/v1/iphone/iphonelist?iphonesearch=" + param);
  return apiHelper.request({ url, method: "GET" });
}