환영합니다. 바다아이 홈페이지 입니다.

'검찰공화국, 부패공화국... 윤석열은 내려와라... 그리고 수사 받아라... 당신은 대통령을 할 자격이 없다.'

이번주 로또 및 연금번호 발생!! |

HOME |

여기는? |

바다물때표 |

알림 (19) |

여러가지 팁 (1095) |

추천 및 재미 (163) |

자료실 (28) |

시사, 이슈, 칼럼, 평론, 비평 (798) |

끄적거림 (142) |

문예 창작 (719) |

바람 따라 (75) |

시나리오 (760) |

드라마 대본 (248) |

살인!

리눅스 데스크탑 (248)
리눅스 서버 (155)
윈도우 관련 (8)
freebsd 데스크탑 (31)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (48)
html5 (4)
golang (180)
php (2)
디자인 관련 (1)
javascript/jquery (77)
DATABASE (9)
postgresql (45)
mariadb, mysql (38)
생활/쇼핑 (39)
컴퓨터/핸드폰 (46)
종교/자선 (3)
요리관련 (22)
음식관련 (15)
의학관련 (9)
건강/운동 관련 (13)
주식, 금융관련 (3)
자동차, 운전 관련 (21)
기계 관련 (10)
스포츠 관련 (1)
과학, 수학관련 (1)
문학관련 (8)
좋은 글 (8)
낚시관련 (1)
원예관련 (9)

현재 접속자

바다아이에게 후원하기

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

리눅스 설명

javascript 줄 맞추기

Hits :

javascript/jquery

javascript/jquery - 자바스크립트 url encode decode 하기, 인코딩, 디코딩, javascript 한글 깨짐

이 름 : 바다아이 | 조회수 : 12179

Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
}

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
 font-style: italic;
}
</style>
<pre>
<code class="hljs">javascript 에서 encoding, decoding 하는 함수는 다음과 같다.

escape &lt;-&gt; unescape

encodeURI &lt;-&gt; decodeURI

encodeURIComponent &lt;-&gt; decodeURIComponent

위 함수들은 각각 문자열을 부호화 하거나 부호화된 문자열을 되돌리는 함수이다.
기본적으로 javascript에 내장되어 있다.
각각 부호화 하는 범위가 다르기 때문에 상황에 맞게 적절히 사용하는 것을 권장한다.

escape

사용방법 : escape(&quot;문자열&quot;);
 
 - 문자열의 각 문자들을 &#39;%16진수코드값&#39; 형태로 변환

- 1바이트 문자는 &#39;%XX&#39; 형태로 표시

- 영문 알파벳과, 숫자, 일부 특수문자(@, *, -, _, +, ., /)를 제외 문자만  인코딩

- 한글이 깨지는 것을 방지하기 위하여 사용

- 한글, 한자등(2바이트)은 &#39;%u16진수4자리&#39;로 표시

unescape

사용방법 : unescape(&quot;%16진수코드값&quot;);

- 코드값에 맞는 문자로 변환 (escape 로 변환된 코드값만 문자로 변환)

encodeURI

사용방법 : encodeURI(uri);

- 인터넷 주소에 사용되는 일부 특수문자(:, ;, /, =, ?, &amp; 등)를 제외 문자만 인코딩

- 보통 인터넷 주소의 파라미터 전체를 인코딩할 때 사용

decodeURI

사용방법 : decodeURI(encodedURI로 인코딩 한 문자열);

- encodeURI 로 인코딩한 값을 다시 원래대로 디코딩

encodeURIComponent

사용방법 : encodeURIComponent(url 전체);

- encodeURI이 제외한 일부 특수문자까지도 인코딩

- url 전체(인터넷 주소 전체)가 파라미터로 전송될 경우 사용가능

decodeURIComponent

사용방법 : decodeURIComponent(decodeURIComponent로 인코딩 한 문자열);

- encodeURIComponent 로 인코딩한 값을 다시 원래대로 디코딩

페이지의 charset 이 다를 경우 한글이 특히 깨지는 경우에 위의 함수들을 각각 성격에 맞게 사용하면 될 것 같다.
단순하게 한글만을 위해서는 escape를 사용하면 되겠다.

encodeURI 를 사용해도 큰 문제는 없다.
url의 파라미터 전체를 전송할 경우에는 encodeURI 사용하는것이 좋다.

url 자체가 파라미터로 들어가게 된다면 encodeURIComponent 를 사용해야 한다.

출처: http://cofs.tistory.com/310</code></pre>

짧은 주소 : https://www.bada-ie.com/su/?251591777646

javascript 에서 encoding, decoding 하는 함수는 다음과 같다.

escape <-> unescape

encodeURI <-> decodeURI

encodeURIComponent <-> decodeURIComponent


위 함수들은 각각 문자열을 부호화 하거나 부호화된 문자열을 되돌리는 함수이다.
기본적으로 javascript에 내장되어 있다.
각각 부호화 하는 범위가 다르기 때문에 상황에 맞게 적절히 사용하는 것을 권장한다.

escape

사용방법 : escape("문자열");
 
 - 문자열의 각 문자들을 '%16진수코드값' 형태로 변환

 - 1바이트 문자는 '%XX' 형태로 표시

 - 영문 알파벳과, 숫자, 일부 특수문자(@, *, -, _, +, ., /)를 제외 문자만  인코딩

 - 한글이 깨지는 것을 방지하기 위하여 사용

 - 한글, 한자등(2바이트)은 '%u16진수4자리'로 표시


unescape

사용방법 : unescape("%16진수코드값");

 - 코드값에 맞는 문자로 변환 (escape 로 변환된 코드값만 문자로 변환)


encodeURI

사용방법 : encodeURI(uri);

 - 인터넷 주소에 사용되는 일부 특수문자(:, ;, /, =, ?, & 등)를 제외 문자만 인코딩

 - 보통 인터넷 주소의 파라미터 전체를 인코딩할 때 사용


decodeURI

사용방법 : decodeURI(encodedURI로 인코딩 한 문자열);

 - encodeURI 로 인코딩한 값을 다시 원래대로 디코딩

 
encodeURIComponent

사용방법 : encodeURIComponent(url 전체);

 - encodeURI이 제외한 일부 특수문자까지도 인코딩

 - url 전체(인터넷 주소 전체)가 파라미터로 전송될 경우 사용가능

 
decodeURIComponent

사용방법 : decodeURIComponent(decodeURIComponent로 인코딩 한 문자열);

 - encodeURIComponent 로 인코딩한 값을 다시 원래대로 디코딩


페이지의 charset 이 다를 경우 한글이 특히 깨지는 경우에 위의 함수들을 각각 성격에 맞게 사용하면 될 것 같다.
단순하게 한글만을 위해서는 escape를 사용하면 되겠다.

encodeURI 를 사용해도 큰 문제는 없다.
url의 파라미터 전체를 전송할 경우에는 encodeURI 사용하는것이 좋다.

url 자체가 파라미터로 들어가게 된다면 encodeURIComponent 를 사용해야 한다.


출처: http://cofs.tistory.com/310

1 page / 3 page
번 호	카테고리	제 목	이름	조회수
77	javascript/jquery	자바스크립트 이미지 확인 함수....	바다아이	354
76	javascript/jquery	스크롤해도 상단에 고정되는 메뉴 만들기, 스크롤 상단에 레이어 고정.	바다아이	8275
75	javascript/jquery	자바스크립트 스크롤을 문서 화면 상단, 하단으로 이동하기. 스크롤을 시작, 끝으로 이동하기	바다아이	6472
74	javascript/jquery	javascript 서버시간 가져오기, 서버날짜 가져오기...	바다아이	8318
73	javascript/jquery	자바스크립트 쿠키 클래스, cookie class	바다아이	8938
72	javascript/jquery	select 박스 3단 카테고리	바다아이	9914
71	javascript/jquery	자바스크립트 해당 년월의 마지막 날짜 구하기, 이번달 마지막 일 구하기...	바다아이	9173
70	javascript/jquery	자바스크립트 타임존 변환, timezone, 날짜, 시간 관련 편하게 작업하기... moment.js	바다아이	11898
69	javascript/jquery	textarea 의 특정 커서 cursor 위치에 문자 삽입하기. focus, 커서 cursor 위치 구하기...	바다아이	11602
68	javascript/jquery	마우스 블럭(block) 선택한 텍스트 가져오기, 마우스로 웹페이지 본문 선택한 문자만큼 가져오기...	바다아이	9482
67	javascript/jquery	textarea 특정 위치에 커서 cursor 를 옮기기, 위치시키기, focus	바다아이	13020
66	javascript/jquery	jquery ajax option 옵션 총 정리....	바다아이	10021
65	javascript/jquery	jquery open api 개발, ajax JSONP cross domain 문제, 서로 다른 도메인 문제 해결하기, error 0 문제... sop 문제	바다아이	9645
64	javascript/jquery	javascript 자바스크립트 소수점, 자리수, 반올림, 올림, 내림(버림)	바다아이	10631
63	javascript/jquery	javascript 현재시각 표시하는 디지털 시계 만들기 (date 객체)	바다아이	10775
62	javascript/jquery	CSS3 회전 속성과 javascript를 활용한 아날로그 시계	바다아이	11463
61	javascript/jquery	javascript 자바스크립트 쿠키, cookie, 만들기, 저장, 삭제, 가져오기, 얻기	바다아이	10537
60	javascript/jquery	javascript 자바스크립트 날짜 계산하는 다양한 방법	바다아이	11274
59	javascript/jquery	자바스크립트 javascript 한/영타 변환기, 한영, 한글, 영어	바다아이	14882
58	javascript/jquery	url 인코드, 디코드, encode, decode 예제...	바다아이	9713
57	javascript/jquery	javascript 자바스크립트 프레임 페이지 이동... frame location.href	바다아이	15394
56	javascript/jquery	File Upload Progress, 파일 업로드 프로그레스바.... 업로드 진행바 구현.	바다아이	10223
55	javascript/jquery	자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight	바다아이	10204
54	javascript/jquery	자바스크립트 javascript json 사용하기, 출력하기, JSON.stringify, JSON.parse, 변환	바다아이	11688
53	javascript/jquery	자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점...	바다아이	10216
52	javascript/jquery	자바스크립트 javascript 엔티티 entity 인코딩, 디코딩, encode, decode	바다아이	10531
51	javascript/jquery	자바스크립트 javascript post, get 값 파라미터 받기, 구하기	바다아이	12480
50	javascript/jquery	자바스크립트 text copy, 복사, How to copy a TEXT to Clipboard on a Button-Click	바다아이	10587
49	javascript/jquery	jquery autocomplete 자동완성 한글 입력시 문자, 검색어, 창 사라지는 문제.	바다아이	10216
48	javascript/jquery	자바스크립트 javascript, jquery, 검색어 자동완성 기능, autocomplete	바다아이	11251
1 2 3
\| \|

Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천 실행시간 : 0.22117 초
to webmaster... gogo sea. gogo sea.