[JS] encodeURIComponent

2024. 4. 29. 09:58·STUDY/JavaScript
728x90

encodeURIComponent

요약

문자를 유니코드 값으로 인코딩합니다. (영문,숫자 제외)

URI로 데이터를 전달하기 위해서 문자열을 인코딩

문법

encodeURIComponent(string)

인자

인자명데이터형필수/옵션설명

string string 필수 인코딩할 문자열

 

반환값

string, 인코딩된 문자열을 반환

설명

encodeURIComponentURI(Uniform Resource Identifier) ​​구성 요소를 인코딩하기 위해 JavaScript에서 사용되는 함수입니다. 이는 URL 내에 특수 문자가 포함된 데이터를 포함하려는 경우 특히 유용합니다.

작동 방식은 다음과 같습니다.

  • 인코딩 : URI 구성 요소의 특정 문자를 해당 이스케이프 시퀀스로 바꿉니다. 이러한 이스케이프 시퀀스는 퍼센트 기호(%)와 문자의 UTF-8 인코딩을 나타내는 두 개의 16진수 숫자의 조합입니다.
  • 특수 문자 : &, /, ?및 같은 문자는 : URL 내에서 특별한 의미를 갖습니다. encodeURIComponent웹 서버에서 잘못 해석되는 것을 방지하기 위해 이러한 문자를 인코딩합니다.
  • Focus : encodeURI전체 URI를 인코딩하는 것과 달리 encodeURIComponentURI 내의 쿼리 문자열이나 경로와 같은 특정 구성 요소에 중점을 둡니다.

예제

var title = 'Hello&World';
var str = 'http://opentutorials.org?title='+encodeURIComponent(title);
alert(str); // Output: http://opentutorials.org?title=Hello%26World
const encodedQuery = encodeURIComponent("Hello World!");
console.log(encodedQuery); // Output: Hello%20World%21

 

728x90

'STUDY > JavaScript' 카테고리의 다른 글

[JS] 클립보드 복사 기능 writeText()  (0) 2024.08.13
[JS] 다운로드 기능 - a 태그 download 속성  (0) 2024.07.30
[JS] Blob, File, URL 다루기  (0) 2024.02.26
[JS] nowDate() 한국 시간으로 표시하기  (0) 2024.02.21
[JS] getUserMedia() 호환성(iOS 지원안함)문제해결  (1) 2024.02.16
'STUDY/JavaScript' 카테고리의 다른 글
  • [JS] 클립보드 복사 기능 writeText()
  • [JS] 다운로드 기능 - a 태그 download 속성
  • [JS] Blob, File, URL 다루기
  • [JS] nowDate() 한국 시간으로 표시하기
ReCode.B
ReCode.B
404 Brain Not Found
  • ReCode.B
    B의 개발 공부 기록
    ReCode.B
  • 전체
    오늘
    어제
  • 공지사항

    • 개인적 기록을 위한 블로그
    • 분류 전체보기 (679)
      • STUDY (527)
        • for Developer (25)
        • WEB (24)
        • HTML5 CSS3 (22)
        • JavaScript (102)
        • jQuery (30)
        • TypeScript (1)
        • JAVA (102)
        • SpringLegacy (46)
        • SpringBoot (41)
        • Vert.x (5)
        • DB SQL (86)
        • SERVER OS (34)
        • React (4)
        • C C++ C# (2)
        • EXCEL (3)
      • TOOL (66)
        • VCS (30)
        • Eclipse (23)
        • intelliJ (7)
        • VSCODE (6)
      • Programmers (31)
        • java (10)
        • javascript (15)
        • oracle (6)
      • Follow Work (54)
        • SpringbootBoard (54)
  • 블로그 메뉴

    • 방명록
  • hELLO· Designed By정상우.v4.10.0
ReCode.B
[JS] encodeURIComponent
상단으로

티스토리툴바