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

비밀번호

댓글 작성자
 




... 136  137  138  [139]  140  141  142  143  144  145  146  147  148  149  150  ...
NoWriterDateCnt.TitleFile(s)
1579정성태1/12/201422268오류 유형: 207. System.ArgumentException was unhandled - Message=[net_WebHeaderInvalidControlChars]
1578정성태1/11/201433830개발 환경 구성: 209. Fiddler에서 WebSocket 통신을 모니터링하는 방법 [1]
1577정성태1/11/201424027오류 유형: 206. WriteFile Win32API 사용 시 비정상 종료 현상 [3]
1576정성태1/11/201441981Windows: 81. 긴 이름의 파일/폴더 삭제하는 법 [5]
1575정성태1/11/201422463오류 유형: 205. Exception calling "Provision" with "0" argument(s): "The timer job did not complete running within the allotted time."
1574정성태1/11/201424454오류 유형: 204. An unhandled exception ('System.Security.Cryptography.CryptographicException') occurred in OWSTIMER.EXE
1573정성태1/11/201422203오류 유형: 203. 이벤트 로그 에러 - MsiInstaller에서 Chart Controls 설치 관련 오류 발생
1572정성태1/9/201425731.NET Framework: 406. CoreLab - OraDirect .NET 사용법
1571정성태1/9/201421936.NET Framework: 405. override 메서드가 정의된 타입의 인스턴스로 base 메서드를 호출하는 방법 - 두 번째 이야기
1570정성태1/9/201425324Math: 11. C# 시뮬레이션 - 몬티홀 게임파일 다운로드1
1569정성태1/8/201422521Windows: 80. 윈도우 서버 백업의 복원하는 옵션 설명
1568정성태1/8/201423108오류 유형: 202. Hyper-V 서비스 시작 오류 - Not enough storage is available to complete this operation.
1567정성태1/8/201492440기타: 40. 오피스 2013 라이선스 리셋하는 방법 [5]
1566정성태1/7/201423416Windows: 79. 윈도우 8 - 스카이드라이브(skydrive)의 Online/Offline 동기화 방식 [1]
1565정성태1/3/201421896.NET Framework: 404. 리플렉션을 이용해 닷넷 LicenseManager를 우회할 수 있는 사례
1564정성태1/3/201422431.NET Framework: 403. override 메서드가 정의된 타입의 인스턴스로 base 메서드를 호출하는 방법파일 다운로드1
1563정성태1/3/201428156오류 유형: 201. ASP.NET 웹 사이트를 IIS 7 이상의 환경에서 호스팅할 때 500 오류 발생
1562정성태1/2/201432794.NET Framework: 402. 카카오톡 PC 버전 실행 시 개발자 컴퓨터에서 Themida 오류 나는 문제 - 두 번째 이야기
1561정성태1/1/201442341오류 유형: 200. 카카오톡 PC 버전 실행 시 개발자 컴퓨터에서 Themida 오류 나는 문제 [2]
1560정성태1/1/201421139오류 유형: 199. Hyper-V - Checkpoint 생성 오류
1559정성태12/30/201324366.NET Framework: 401. windbg에서 확인해 보는 관리 힙의 인스턴스 구조 [2]
1558정성태12/29/201333856.NET Framework: 400. 눈으로 확인하는 LayoutKind 옵션 효과 [2]파일 다운로드1
1557정성태12/27/201322886.NET Framework: 399. LayoutKind 옵션에 대해 [2]
1556정성태12/27/201343166개발 환경 구성: 208. IIS + Node.js 환경 구성 [8]
1555정성태12/27/201329920개발 환경 구성: 207. IIS의 80 포트를 공유하는 응용 프로그램 만드는 방법 [1]
1554정성태12/26/201335300Windows: 78. 마음에 드는 윈도우 8.1 태블릿 - 델 베뉴 8 프로 5830 [4]
... 136  137  138  [139]  140  141  142  143  144  145  146  147  148  149  150  ...