Javascript) encodeURI, decodeURI, encodeURIComponent, decodeURIComponent

카테고리 : 웹 프로그래밍/HTML

Uri encode & decode

한글과 같은 데이터를 표기할때 사용되기도하고 데이터 송수신에 주로 사용된다.

 

encodeURI

encodeURI("A");
A

 

encodeURI("한");
%ED%95%9C

 

encodeURI("&");
&

 

encodeURIComponent : 추가로 URI 구성 요소에도 적용

encodeURIComponent("A");
A

 

encodeURIComponent("한");
%ED%95%9C

 

encodeURIComponent("&");
%26

 

encodeURIComponent 가 더 넓은 범위이다.

; /? : @ & = $, # 와 같은 특수문자를 글자 취급하여 변환한다.

 

decodeURI

; /? : @ & = $, # 와 같은 특수문자를 변환하지 못한다.

 

만약, https://hi098123.tistory.com/ 를 https%3A%2F%2Fhi098123.tistory.com%2F 로 encodeURIComponent를 이용하여 변환했다.

 

decodeURI("https%3A%2F%2Fhi098123.tistory.com%2F");
https%3A%2F%2Fhi098123.tistory.com%2F

: / 를 변환해주지 못했다.

decodeURIComponent : 추가로 URI 구성 요소에도 적용

마찬가지로 ; /? : @ & = $, # 와 같은 특수문자를 글자 취급하여 변환한다.

decodeURIComponent("https%3A%2F%2Fhi098123.tistory.com%2F");
https://hi098123.tistory.com/

: / 를 변환해준다.

 

; /? : @ & = $, # 를 변환하나 안하나의 차이가 전부다.

 

Decode 가능한 범위는 %00 ~ %7F 이다.

 

저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)

예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.

만약, 본문 공유를 원하신다면 링크 공유를 해주세요

저작권 정책 확인하기
링크 공유하기

 댓글 (0개)