URL Encoding 인코딩 & 디코딩

A: URL 인코딩과 Base64 는 모두 특수 문자를 처리하는 데 사용되지만 목적이 다릅니다. URL 인코딩: 1) 목적: 특수 문자가 URL에서 안전하게 전송될 수 있도록 합니다. 2) 형식: %XX (예: %20). 3) 시나리오: URL 매개변수, 폼 제출. Base64: 1) 목적: 이진 데이터를 텍스트 형식으로 변환합니다. 2) 형식: A-Z, a-z, 0-9, +, /. 3) 시나리오: 이미지 임베딩, JWT, 이메일 첨부 파일. 선택 조언: 1) URL 매개변수: URL 인코딩 사용. 2) 이진 데이터: Base64 사용. 3) 두 가지를 조합할 수도 있습니다 (예: Base64 인코딩 후 URL 인코딩).

A: 공백 인코딩은 URL 위치에 따라 다릅니다. %20: 1) URL 경로 부분에서 사용 (예: /path/hello%20world). 2) 프래그먼트(# 이후)에서 사용. 3) encodeURIComponent()는 공백을 %20으로 인코딩합니다. +: 1) 쿼리 문자열에서 사용 (? 이후, 예: ?q=hello+world). 2) application/x-www-form-urlencoded 형식은 +를 사용합니다. 권장사항: encodeURIComponent()를 사용하여 %20으로 통일적으로 인코딩하세요. 서버는 + 와 %20 모두를 자동으로 처리합니다.

A: JavaScript는 목적이 다른 세 가지 URL 인코딩 함수를 제공합니다. encodeURIComponent(): URI 구성요소(매개변수 값)를 인코딩합니다. 권장. 모든 특수 문자를 인코딩합니다 (A-Z, a-z, 0-9, -, _, ., ~ 제외). encodeURI(): 전체 URI를 인코딩하고 URI 구조 문자(:, /, ?, & 등)를 보존합니다. 전체 URL 인코딩에 적합합니다. escape(): 더 이상 사용되지 않음, 권장하지 않음. 예시:
// 매개변수 값 인코딩 (권장) encodeURIComponent('안녕하세요 세계'); // '%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94%20%EC%84%B8%EA%B3%84' // 전체 URL 인코딩 encodeURI('https://example.com/안녕'); // 'https://example.com/%EC%95%88%EB%85%95'
디코딩: decodeURIComponent() 또는 decodeURI()를 사용하세요.

A: 비ASCII 문자는 먼저 UTF-8 바이트로 변환된 후 %XX 형식으로 인코딩됩니다. 예시: “안녕” → UTF-8 바이트 → URL 인코딩: %EC%95%88%EB%85%95. JavaScript: encodeURIComponent('안녕')은 UTF-8 변환을 자동으로 처리합니다. 참고: 1) 다른 인코딩(EUC-KR 등)은 다른 결과를 생성합니다. 2) 서버는 UTF-8을 올바르게 디코딩해야 합니다. 3) 현대 웹 애플리케이션은 통일적으로 UTF-8 인코딩을 사용합니다.

A: 예, URL 인코딩은 데이터 크기를 증가시키며 증가량은 문자 유형에 따라 다릅니다. ASCII 문자: 1) 영문자, 숫자: 인코딩되지 않아 크기 변화 없음. 2) 특수 문자(&, = 등): 3바이트(%XX)로 인코딩되어 200% 증가. 비ASCII 문자: 1) UTF-8 인코딩: 문자당 1-4바이트, 각 바이트가 %XX(3바이트)로. 최적화: 1) 대량의 데이터 전송에는 POST 요청 사용. 2) JSON 형식 사용 고려 (URL 인코딩 불필요).

A: URL 인코딩과 HTML 엔티티 인코딩은 다른 시나리오에서 사용됩니다. URL 인코딩: 1) 목적: URL에서 특수 문자를 전송합니다. 2) 형식: %XX (예: %20). 3) 시나리오: URL 매개변수, 폼 제출. HTML 엔티티 인코딩: 1) 목적: HTML에서 특수 문자를 표시합니다. 2) 형식: &name; (예: &lt;) 또는 &#number; (예: &#60;). 3) 시나리오: HTML 콘텐츠, 속성 값. 예시: < → URL 인코딩: %3C, HTML 엔티티: < 또는 <.