URL 인코딩 디코딩 코드 알아보기 (자바스크립트)

URL 인코딩 디코딩 코드에 대해 알아보겠습니다. 

 

인터넷을 돌아다니다보면 아래와 같은 주소를 가진 것을 볼 수 있습니다. 

 

"https://webprogrammingstory.tistory.com/entry/%EB%A9%94%EB%AA%A8%EC%9E%A5-%EC%A4%84-%EB%B0%94%EA%BF%88-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95-%EB%A9%94%EB%AA%A8%EC%9E%A5-%EC%9E%90%EB%8F%99-%EC%A4%84-%EB%B0%94%EA%BF%88-%EC%9C%88%EB%8F%84%EC%9A%B010"

 

제 티스토리 블로그 글 중 하나인데요. 

 

주소 말미에 " %EB%A9%94%EB%AA%A8%EC%9E%A5-%....." 이건 "메모장-줄-바꿈-설정-방법-메모장-자동-줄-바꿈-윈도우10" 입니다. 

 

서버는 한글을 이해하지 못하기 때문에 서버가 이해할 수 있는 언어인 아스키 코드로 변경하는 것을 URL 인코딩이라고 하는데요. 

 

이번 포스팅에선 URL 인코딩, 디코딩을 할 수 있는 코드에 대해 소개합니다. 

 

URL 인코딩 디코딩 코드 

여러가지 이유로 URL 인코딩, 디코딩이 필요한 경우가 있습니다. 

 

여기서는 브라우저 콘솔에서 사용가능한 URL 인코딩 디코딩 코드를 소개합니다. 

 

• encodeURI()/decodeURI() 
  • 표준 방식으로 인코딩 수행합니다.
  • 하지만 예약 문자를 제외하고 인코딩, 디코딩을 합니다. 
• encodeURIComponent()/decodeURIComponent() 
  • 표준 방식으로 예약 문자를 포함하여 모두 인코딩을 수행합니다. 
  • 하지만 ! ' ( ) * 은 인코딩을 수행하지 않습니다. 
  • 디코드 함수(decodeURIComponent)는 표준으로 인코딩된 문자열을 정상적으로 디코딩해 줍니다.

 

 

귀찮다면...

그냥 단순하게 기능만 필요하신 분들은 아래 링크를 기억하셨다가 필요할때만 찾아보셔도 좋습니다.

 

단순 URL 인코더, 디코더 사이트입니다. 

 

URL인코더 디코더 사이트 바로가기