URL 파라미터를 인코드하는 방법 (How to encode URL parameter in JavaScript)

# URL 파라미터를 인코드하는 방법 (How to encode URL parameter in JavaScript)

 ''%%%" 라는 파라미터를 넣었더니, invalid query parameter 라는 에러가 발생. 해결하기 위해서 방법을 찾아봤습니다.



스택 오버 플로우에서 여러 해답을 볼 수 있었는데, 그 중에 눈에 띄는 것이 크게 2개였습니다.



## encodeURI(), encodeURIComponent() 함수 사용

encodeURI(), encodeURIComponent() 와 같은 함수를 사용해서 uri의 특정한 문자를 UTF-8로 인코딩해줍니다.

```
console.log(encodeURIComponent('test?'))
// output: "test%3F"
```



## URLSearchParams() 사용

toString()과 함께 사용해 URL의 쿼리 문자열을 반환할 수 있습니다.

```
let params = {}

params['online'] = "true"
params['age'] = '20s'
params['query'] = '!@#$%'

console.log(new URLSearchParams(params).toString())
// output: "online=true&age=20s&query=%21%40%23%24%25"
```