Microsoft MVP성태의 닷넷 이야기
.NET Framework: 54.4. [관련 문제] A 태그의 href에서의 문제. [링크 복사], [링크+제목 복사],
조회: 20309
글쓴 사람
정성태 (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

비밀번호

댓글 작성자
 




... 121  122  [123]  124  125  126  127  128  129  130  131  132  133  134  135  ...
NoWriterDateCnt.TitleFile(s)
10848정성태9/8/201527412VS.NET IDE: 103. Visual Studio의 Ctrl + F5 실행 동작파일 다운로드1
10847정성태9/8/201523485VS.NET IDE: 102. 목록(List) 타입의 값을 디버깅 중 Watch 창에서 확인하는 방법 [1]파일 다운로드1
10846정성태9/8/201520851오류 유형: 306. "query user" 명령어에 공백 문자가 포함된 계정을 전달하는 경우
10845정성태9/3/201521938오류 유형: 305. 윈도우 백업 시 오류 - 0x80780166
10844정성태9/2/201523149.NET Framework: 528. C# - 상호 참조하는 경우의 정적 생성자 동작 방식 [4]파일 다운로드1
10843정성태9/1/201523882VS.NET IDE: 101. Visual Studio 2015의 솔루션 탐색기가 클래스 뷰 정보로 인해 느려지는 현상
10842정성태9/1/201520905.NET Framework: 527. 닷넷 사용자 정의 예외 클래스의 최소 구현 코드 - 세 번째 이야기
10841정성태8/31/201530221개발 환경 구성: 276. Visual Studio 2013에서 C# 6과 닷넷 4.6 기능을 사용하려면?
10839정성태8/22/201528796Windows: 112. 윈도우 10에서 터치 키보드를 안 뜨게 할 수 있는 방법 [4]
10838정성태8/22/201539084오류 유형: 304. Windows 10에서 VPN 연결이 실패한다면? [3]
10837정성태8/21/201519366오류 유형: 303. Your computer is low on memory. Save your files and close these programs...
10836정성태8/21/201520338오류 유형: 302. 설치 파일 실행 시 "This app can't run on your PC" 오류가 뜬다면?
10835정성태8/21/201528823웹: 31. Microsoft Edge 브라우저를 명령행에서 띄우는 방법 [1]
10834정성태8/19/201520954.NET Framework: 526. 닷넷 - 값 형식을 new 없이 생성하면 0으로 초기화되지 않는다?
10833정성태8/18/201525581.NET Framework: 525. C# - 닷넷에서 프로세스가 열고 있는 파일 목록을 구하는 방법파일 다운로드1
10832정성태8/17/201529972디버깅 기술: 74. x64 콜 스택 인자 추적과 windbg의 Child-SP, RetAddr, Args to Child 값 확인 [8]파일 다운로드2
10831정성태8/13/201529948.NET Framework: 524. .NET 4.0과 .NET 4.5의 컴파일 결과 차이점 [1]파일 다운로드1
10830정성태8/12/201523972개발 환경 구성: 275. Web.config이 적용되지 않는 프로젝트에서 Razor 템플릿 파일의 C# 컴파일러 버전 제어 [1]
10829정성태8/10/201526044개발 환경 구성: 274. PowerShell/명령행에서 JDK/JRE를 무인(unattended)/자동 설치를 하는 방법 [3]
10828정성태8/10/201531643웹: 30. Edge 브라우저에서 "이 웹 사이트에는 Internet Explorer가 필요함" 단계를 없애는 방법 [1]
10827정성태7/8/201533008개발 환경 구성: 273. Visual Studio 2015에서 Github와 연동하는 방법 [3]
10826정성태7/8/201522628오류 유형: 301. The trust relationship between this workstation and the primary domain failed. - 두 번째 이야기
10825정성태7/8/201522188개발 환경 구성: 272. Visual Studio IDE 설치 없이 Visual Studio SDK 설치하는 방법
10824정성태7/7/201527379개발 환경 구성: 271. Team Foundation Server 2015 설치 방법 [1]
10823정성태7/7/201527922오류 유형: 300. SqlException (0x80131904): Unable to open the physical file
10822정성태7/7/201527274오류 유형: 299. The 'Visual C++ Project System Package' package did not load correctly.
... 121  122  [123]  124  125  126  127  128  129  130  131  132  133  134  135  ...