URL 인코딩 방법 - 특수문자와 한글이 포함된 URL 처리하기

URL(웹 주소)에는 영문자, 숫자, 일부 특수문자만 직접 사용할 수 있습니다. 한글, 공백, &, = 같은 문자는 그대로 넣으면 오류가 발생하거나 의미가 달라질 수 있습니다. URL 인코딩(퍼센트 인코딩)은 이런 문자를 %XX 형식으로 변환합니다. 예를 들어 공백은 %20, 한글 '가'는 %EA%B0%80으로 변환됩니다. 이렇게 해야 웹 브라우저와 서버가 URL을 정확히 해석할 수 있습니다.

URL 인코딩이 필요한 실제 상황들: - 검색 쿼리: 네이버나 구글에서 한글로 검색하면 주소창에 인코딩된 문자가 표시됩니다 - API 파라미터: REST API에 한글이나 특수문자가 포함된 값을 전달할 때 - 리다이렉트 URL: 로그인 후 원래 페이지로 돌아가기 위한 redirect_uri 파라미터 - 소셜 공유: 카카오톡이나 SNS에서 한글이 포함된 링크를 공유할 때 - 파일명: 한글 파일명이 포함된 다운로드 링크 특히 API 개발에서는 encodeURIComponent와 encodeURI의 차이를 알아야 합니다.

JavaScript에서 URL 인코딩에 사용하는 두 함수의 차이: - encodeURI: URL 전체를 인코딩합니다. :, /, ?, &, = 같은 URL 구분자는 인코딩하지 않습니다. 완전한 URL을 인코딩할 때 사용합니다. - encodeURIComponent: 모든 특수문자를 인코딩합니다. 쿼리 파라미터의 값을 인코딩할 때 사용합니다. 예시: - encodeURI('https://example.com/검색?q=테스트') → 'https://example.com/%EA%B2%80%EC%83%89?q=%ED%85%8C%EC%8A%A4%ED%8A%B8' - encodeURIComponent('a=1&b=2') → 'a%3D1%26b%3D2' 쿼리 파라미터 값에는 반드시 encodeURIComponent를 사용해야 합니다.

Toolkio의 URL 인코더를 사용하면 복잡한 인코딩 규칙을 몰라도 쉽게 변환할 수 있습니다. 1. 인코딩 또는 디코딩 모드 선택 2. 변환할 URL이나 텍스트 입력 3. 즉시 변환 결과 확인 4. 결과를 복사하여 사용 인코딩된 URL을 원래 텍스트로 되돌리는 디코딩 기능도 제공합니다. 모든 처리는 브라우저에서 수행됩니다.