📚 Reference

• 공식 문서 1

📜 Chapter

decodeURIComponent()

encodeURIComponent()

• encodeURIComponent()

encodeURIComponent(uriComponent)

• uriComponent
  • URI 구성 요소(경로, 쿼리 문자열, 조각 등)로 인코딩할 문자열이다. 다른 값은 문자열로 변환된다.
• URI로 데이터를 전달하기 위해서 문자열을 인코딩
• 웹을 통해서 데이터를 전송할 때 특정 문자들은 특수한 기능으로 사용된다.

예시

• http://a.com?name=egoing&job=programmer 에서 &job=programmer 중 '&'는 하나의 파라미터가 끝나고 다음 파라미터가 온다는 의미이다.

• 그런데 다음과 같이 job의 값에 &가 포함된다면 시스템은 job의 값을 제대로 인식할수 없게 된다.

• http://a.com?name=egoing&job=programmer&blogger 이런 문제를 회피하기 위해서 다음과 같이 치환해준다.

• http://a.com?name=egoing&job=programmer%26blogger 그럼 시스템에서는 %26을 &로 해석하고 의도대로 해석할 수 있게 된다.

• 이러한 처리를 이스케이핑(escaping)라고 부른다.

• 예시 1

// Encodes characters such as ?,=,/,&,:
console.log(`?x=${encodeURIComponent('test?')}`);
// Expected output: "?x=test%3F"

console.log(`?x=${encodeURIComponent('шеллы')}`);
// Expected output: "?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B"