URL 인코딩/디코딩

URL에 포함할 수 없는 특수문자를 안전한 형태로 변환하거나 인코딩된 URL을 원래 형태로 복원하는 도구입니다.

기능 소개

• 실시간 변환: 입력과 동시에 즉시 인코딩/디코딩
• 양방향 변환: 인코딩과 디코딩을 동시에 지원
• 두 가지 모드: URL Component와 전체 URI 모드
• 예제 제공: 클릭 한 번으로 샘플 텍스트 입력
• 클립보드 복사: 결과를 쉽게 복사하여 활용
• 오류 처리: 잘못된 형식 입력 시 안전한 오류 처리

사용법

URL 인코딩

1. 텍스트 입력: 인코딩할 텍스트나 URL을 입력
2. 모드 선택: URL Component 또는 전체 URI 선택
3. 자동 변환: 입력과 동시에 결과 확인
4. 결과 복사: 복사 버튼으로 클립보드에 저장

URL 디코딩

1. URL 입력: 디코딩할 인코딩된 URL 입력
2. 모드 선택: URL Component 또는 전체 URI 선택
3. 자동 변환: 입력과 동시에 결과 확인
4. 결과 복사: 복사 버튼으로 클립보드에 저장

인코딩 모드

URL Component (권장)

• 사용법: encodeURIComponent() / decodeURIComponent()
• 특징: 모든 특수문자를 안전하게 인코딩
• 용도: 쿼리 파라미터, 경로 구성 요소
• 예시: 안녕하세요 → %EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94

전체 URI

• 사용법: encodeURI() / decodeURI()
• 특징: URL 구조는 유지하며 필요한 부분만 인코딩
• 용도: 완전한 URL 문자열
• 예시: https://예제.com/경로 → https://%EC%98%88%EC%A0%9C.com/%EA%B2%BD%EB%A1%9C

인코딩이 필요한 문자

예약된 문자 (Reserved Characters)

URL에서 특별한 의미를 가지므로 인코딩 필요:

안전하지 않은 문자 (Unsafe Characters)

URL에서 문제를 일으킬 수 있는 문자:

유니코드 문자

한글, 중국어, 일본어 등 비ASCII 문자:

활용 사례

웹 개발

• 폼 데이터: 사용자 입력 데이터를 URL에 포함
• API 호출: REST API의 쿼리 파라미터 인코딩
• 검색 기능: 검색어를 URL 파라미터로 전달
• 파일 경로: 특수문자가 포함된 파일명 처리

SEO 최적화

• 다국어 URL: 한글 또는 다른 언어의 URL 슬러그
• 카테고리 이름: 공백이나 특수문자가 포함된 카테고리
• 태그 시스템: 복잡한 태그명의 URL 파라미터 처리

데이터 전송

• 이메일 링크: mailto: 링크의 제목이나 본문
• 소셜 공유: SNS 공유 링크의 텍스트 인코딩
• QR 코드: QR 코드에 포함할 URL 데이터

사용 예시

검색 URL 생성