[JavaScript] encodeURIComponent란?

encodeURIComponent란

• URI로 데이터를 전달하기 위해서 문자열을 인코딩할 때 사용함
• 모든 문자를 인코딩하는 함수

용도

• 웹에서는 파라미터를 전송할 때 & 나 /  그리고 =와 같은 특정 문자들을 특정 기능으로 사용함. 그런데 파라미터에 해당 특수문자들이 들어가게 됐을 경우, 제대로 인식 하지 못하게 되는 불상사가 발생할 수도 있기 때문에 변환하는 작업이 필요함.  >>> 이럴 때 사용하는 함수

예제

function uriBtn(link){
		var transUri = encodeURIComponent(link);
		
		document.getElementById("beforeUri").innerHTML = link;
		document.getElementById("transUri").innerHTML = transUri;
	}

<button onclick="uriBtn('https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_val_get')">uri변환 </button>
<p id="beforeUri"></p>
<p id="transUri"></p>

function uriBtn(link){
		var transUri = encodeURIComponent(link);
		
		document.getElementById("beforeKo").innerHTML = link;
		document.getElementById("transKo").innerHTML = transUri;
	}	
    
<button onclick="uriBtn('localhost:8090?filename=한글이름테스트')">uri변환 </button>
<p id="beforeKo"></p>
<p id="transKo"></p>