Microsoft MVP성태의 닷넷 이야기
.NET Framework: 54.4. [관련 문제] A 태그의 href에서의 문제. [링크 복사], [링크+제목 복사],
조회: 20199
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
부모글 보이기/감추기
(연관된 글이 1개 있습니다.)
보통 a 태그의 href에 경로를 줄 때 한글에 대한 처리를 위해서 서버 측에서 다음과 같이 뿌려주게 됩니다.

Server.UrlEncode("액션 쭈꾸미2")

UTF-8인 경우, 다음과 같이 인코딩됩니다.



그래서, a 태그에는 다음과 같이 들어갑니다.

<a href="test.aspx?mode=%ec%95%a1%ec%85%98+%ec%ad%88%ea%be%b8%eb%af%b82" ....

여기까지는 별 문제가 없습니다. 링크를 클릭하면 정상적으로 서버에서는 mode 값에 "액션 쭈꾸미2"가 들어오게 됩니다.

문제는... 위의 네비게이션을 자바 스크립트를 통해 window.open을 하는 경우에 발생합니다. 즉,
<a href="testFunc('%ec%95%a1%ec%85%98+%ec%ad%88%ea%be%b8%eb%af%b82')" ...
와 같이 하고 testFunc을 아래와 같이 구성하는 경우,

function testFunc( testVar )
{
window.open( "test.aspx?mode=" + testVar, null, ... );
}

이렇게 하면... 서버측에서는 다음과 같이 요청을 받게 됩니다.


간단히 말해서... 다음과 같이 mode 값이 깨져서 나오게 됩니다.



일단, 이 문제는 javascript에서 제공되는 escape 함수를 이용해서 해결할 수는 있습니다. 서버측에서 UrlEncode를 하지 않고 그냥 a.href에 한글을 출력시키고 testFunc 안에서는 다음과 같이 esacpe를 이용해서 값을 전달하는 것입니다.

function testFunc( testVar )
{
// testVar == "액션 쭈꾸미2"
window.open( "test.aspx?mode=" + escapse( testVar ), null, ... );
}

일단,,, 여기까지는 임시적인 해결책이라 보고... 도대체 어디서 문제가 발생하는 것인지 파악해봐야 할 필요가 있었습니다.

과연 IE가 잘못 보내는 것일까? 아니면 A 태그 자체가 해석을 잘못하고 있는 것일까? COM 개체로 해당 A 태그의 IDispatch를 받아서 href 값을 구하는 식으로 해서 메모리에 해당 문자열이 어떻게 저장되어 있는지 알아봐야 겠다고 생각했고... 결국 아래와 같이 비정상적으로 값이 구성된 것을 알 수 있었습니다.



원래 %ec%95%a1 3byte가 "액"을 나타내어야 하는 반면, A 태그의 href BSTR 값에는 위에서 보는 바와 같이 00 ec 00 95 00 a1과 같이 총 6byte로 구성하고 있는 것입니다.

당연히 서버측에서는 잘못 해석할 수밖에 없는 것이고요. A 태그에서의 href 값 해석이 비정상적으로 되는 것이죠. UTF-8 등의 별도 인코딩에 대한 배려가 A 태그의 javascript까지는 미치지 못했던 것입니다.

href의 해석에 문제가 있는 것이니... 다음과 같은 표현은 정상적으로 인코딩된 값을 전달해 줍니다.

&a onclick="testFunc('%ec%95%a1%ec%85%98+%ec%ad%88%ea%be%b8%eb%af%b82')" ...

즉, href 이외의 방법이라면 가능한 것이죠. 어쨌든... 이 부분은 근본적으로 MS 측에서의 수정이 이뤄져야 할 것입니다.
[연관 글]






[최초 등록일: ]
[최종 수정일: 6/27/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




1  2  3  4  [5]  6  7  8  9  10  11  12  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
13818정성태11/15/20245325Windows: 272. Windows 11 24H2 - sudo 추가
13817정성태11/14/20244955Linux: 106. eBPF / bpf2go - (BPF_MAP_TYPE_HASH) Map을 이용한 전역 변수 구현
13816정성태11/14/20245409닷넷: 2312. C#, C++ - Windows / Linux 환경의 Thread Name 설정파일 다운로드1
13815정성태11/13/20244838Linux: 105. eBPF - bpf2go에서 전역 변수 설정 방법
13814정성태11/13/20245300닷넷: 2311. C# - Windows / Linux 환경에서 Native Thread ID 가져오기파일 다운로드1
13813정성태11/12/20245068닷넷: 2310. .NET의 Rune 타입과 emoji 표현파일 다운로드1
13812정성태11/11/20245287오류 유형: 933. Active Directory - The forest functional level is not supported.
13811정성태11/11/20244875Linux: 104. Linux - COLUMNS 환경변수가 언제나 80으로 설정되는 환경
13810정성태11/10/20245402Linux: 103. eBPF (bpf2go) - Tracepoint를 이용한 트레이스 (BPF_PROG_TYPE_TRACEPOINT)
13809정성태11/10/20245268Windows: 271. 윈도우 서버 2025 마이그레이션
13808정성태11/9/20245287오류 유형: 932. Linux - 커널 업그레이드 후 "error: bad shim signature" 오류 발생
13807정성태11/9/20244996Linux: 102. Linux - 커널 이미지 파일 서명 (Ubuntu 환경)
13806정성태11/8/20244934Windows: 270. 어댑터 상세 정보(Network Connection Details) 창의 내용이 비어 있는 경우
13805정성태11/8/20244766오류 유형: 931. Active Directory의 adprep 또는 복제가 안 되는 경우
13804정성태11/7/20245398Linux: 101. eBPF 함수의 인자를 다루는 방법
13803정성태11/7/20245353닷넷: 2309. C# - .NET Core에서 바뀐 DateTime.Ticks의 정밀도
13802정성태11/6/20245730Windows: 269. GetSystemTimeAsFileTime과 GetSystemTimePreciseAsFileTime의 차이점파일 다운로드1
13801정성태11/5/20245502Linux: 100. eBPF의 2가지 방식 - libbcc와 libbpf(CO-RE)
13800정성태11/3/20246357닷넷: 2308. C# - ICU 라이브러리를 활용한 문자열의 대소문자 변환 [2]파일 다운로드1
13799정성태11/2/20244935개발 환경 구성: 732. 모바일 웹 브라우저에서 유니코드 문자가 표시되지 않는 경우
13798정성태11/2/20245535개발 환경 구성: 731. 유니코드 - 출력 예시 및 폰트 찾기
13797정성태11/1/20245529C/C++: 185. C++ - 문자열의 대소문자를 변환하는 transform + std::tolower/toupper 방식의 문제점파일 다운로드1
13796정성태10/31/20245412C/C++: 184. C++ - ICU dll을 이용하는 예제 코드 (Windows)파일 다운로드1
13795정성태10/31/20245195Windows: 268. Windows - 리눅스 환경처럼 공백으로 끝나는 프롬프트 만들기
13794정성태10/30/20245283닷넷: 2307. C# - 윈도우에서 한글(및 유니코드)을 포함한 콘솔 프로그램을 컴파일 및 실행하는 방법
13793정성태10/28/20245163C/C++: 183. C++ - 윈도우에서 한글(및 유니코드)을 포함한 콘솔 프로그램을 컴파일 및 실행하는 방법
1  2  3  4  [5]  6  7  8  9  10  11  12  13  14  15  ...