Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 

역 슬래시(backslash) 문자가 왜 통화 표기 문자(한글인 경우 "\")로 보일까요?

다음과 같은 웹 페이지를,

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <div>
    back-slash: \
    </div>
</body>
</html>

영문 OS에서 Region 설정을 Korea로 설정한 운영체제 내에서 Edge, Chrome, IE 11을 이용해 방문해 보면 각각 다음의 결과를 얻을 수 있습니다.

backslash_1.png

그러니까, 역 슬래시(backslash) 문자가 "\(Won: 원)"로 보이는 것은 응용 프로그램 마음입니다. ^^; 그렇다면, 응용 프로그램들이 어떻게 했길래 저런 결과를 보여주는 걸까요?

사실, 화면에 '문자'를 보여주는 것은 폰트에 좌우됩니다. 즉, 예상으로는 크롬 vs IE/Edge 간에 화면 렌더링 용 기본 폰트가 다름을 짐작할 수 있습니다. 한번 확인해 볼까요? ^^

크롬과 IE/Edge에 포함된 '개발자 도구'는 최종 렌더링 된 요소의 속성 값을 알려주는 "Computed" 탭이 있으니, 이를 통해 확인해 보면 됩니다. 다음은 IE/Edge의 경우를 보여주는데 기본 폰트가 "Times New Roman"이고,

backslash_2.png

크롬은 "Malgun Gothic"으로 되어 있습니다.

backslash_3.png




그럼, 차근히 원인 분석을 해볼까요? ^^ 먼저 IE/Edge를 살펴보겠습니다.

가령, 다음과 같은 내용을 포함한 웹 페이지를 내려보내면,

<span>한글 \</span>

IE/Edge는 여전히 백슬래시를 "\" 문자가 아닌 '\' 문자로 보여줍니다. 심지어 위의 span 요소에 대해 Computed Style을 확인하면 폰트가 "Times New Roman"으로 되어 있습니다. 아니??? 한글이 포함된 요소를 "Times New Roman" 폰트로 렌더링 하는데 왜 잘 나오는 걸까요?

이에 대해서는 제어판의 "Internet Options"를 열어 "Fonts" 항목을 보면 됩니다.

backslash_4.png

위의 설정에 보면 "Korean" 스크립트에 대해 "Webpage font"의 경우 "Gulim"으로 출력하라고 되어 있습니다. 따라서 IE/Edge는 "Times New Roman" 폰트에 포함되지 않은 "한글"이라는 글자는 "Gulim" 폰트로 출력하지만, 역 슬래시 문자('\')의 경우 기본적으로 "Times New Roman" 폰트에 있기 때문에 "Gulim" 폰트를 사용하지 않는 것입니다.

그럼, 자연스럽게 Chrome에서 백슬래시를 "\"로 보여주는 이유를 알 수 있습니다. 크롬의 경우 기본 폰트가 "맑은 고딕(Malgun Gothic)"이고 그 안에 백슬래시가 "\"로 정의되어 있기 때문에 그대로 보여주는 것입니다. (만약 순수 영문만 설치된 운영체제에서 크롬으로 본다면 역시 '\' 문자로 나올 것입니다.)

그렇다면, "Times New Roman"에는 역 슬래시 문자가 '\'로 정의되어 있는 반면 "맑은 고딕(Malgun Gothic)" 폰트에는 '\' 문자라는 것임을 확인해 보면 되는데, 이를 위해 "Character Map" 프로그램을 이용할 수 있습니다.

[그림 1: Times New Roman 폰트인 경우]
backslash_5.png

[그림 2: 맑은 고딕(Malgun Gothic) 폰트인 경우]
backslash_6.png





자, 이제 아셨죠? ^^

그렇다면 하나의 웹 페이지에서 백슬래시를 어떻게 보여야 할지 웹 브라우저에 관계없이 자유롭게 제어할 수 있습니다. 이런 식으로!

웹 페이지:
<span style="font-Family: Times New Roman">\</span> 

출력: \

웹 페이지:
<span style="font-Family: Gulim">\</span> 

출력: \

참고로, 위의 규칙은 모든 프로그램에 적용됩니다. 만약 여러분들이 사용하는 프로그램에서 역 슬래시를 '\'로 보여주고 있다면 프로그램에서 선택된 폰트에 그렇게 정의되어 있는 것입니다. 따라서, 해당 응용 프로그램의 설정 창에서 폰트를 "Consolas"와 같은 식으로 바꿔주면 정상적으로 '\' 문자로 볼 수 있습니다.




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]





[최초 등록일: ]
[최종 수정일: 12/19/2016 ]

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

비밀번호

댓글 쓴 사람
 



2016-12-20 01시42분
이런 깨알같은 팁이라니...좋은 정보 감사합니다^^
Beren Ko
2016-12-20 02시25분
오늘 처음 알았네요ㅎㅎ 좋은 정보 감사합니다.^^
정재민

... [46]  47  48  49  50  51  52  53  54  55  56  57  58  59  60  ...
NoWriterDateCnt.TitleFile(s)
11152정성태10/19/20196532VC++: 107. VirtualAlloc, HeapAlloc, GlobalAlloc, LocalAlloc, malloc, new의 차이점
11151정성태10/19/20196630VC++: 106. DLL 개발자가 주의해야 할 Secure CRT 함수 사용파일 다운로드1
11150정성태2/21/20174750.NET Framework: 645. Visual Studio Fakes 기능에서 Shim... 클래스가 생성되지 않는 경우
11149정성태2/21/20177038오류 유형: 378. A 64-bit test cannot run in a 32-bit process. Specify platform as X64 to force test run in X64 mode on X64 machine.
11148정성태2/20/20176132.NET Framework: 644. AppDomain에 대한 단위 테스트 시 알아야 할 사항
11147정성태2/19/20177585오류 유형: 377. Windows 10에서 Fake 어셈블리를 생성하는 경우 빌드 시 The type or namespace name '...' does not exist in the namespace 컴파일 오류 발생
11146정성태2/19/20176630오류 유형: 376. Error VSP1033: The file '...' does not contain a recognized executable image. [2]
11145정성태2/16/20176313.NET Framework: 643. 작업자 프로세스(w3wp.exe)가 재시작되는 시점을 알 수 있는 방법 - 두 번째 이야기 [4]파일 다운로드1
11144정성태2/6/20179215.NET Framework: 642. C# 개발자를 위한 Win32 DLL export 함수의 호출 규약 (부록 1) - CallingConvention.StdCall, CallingConvention.Cdecl에 상관없이 왜 호출이 잘 될까요?파일 다운로드1
11143정성태2/5/20176647.NET Framework: 641. [Out] 형식의 int * 인자를 가진 함수에 대한 P/Invoke 호출 방법파일 다운로드1
11142정성태10/19/201910897.NET Framework: 640. 닷넷 - 배열 크기의 한계 [2]파일 다운로드1
11141정성태3/21/20177664.NET Framework: 639. C# 개발자를 위한 Win32 DLL export 함수의 호출 규약 (4) - CLR JIT 컴파일러의 P/Invoke 호출 규약 [1]파일 다운로드1
11140정성태1/27/20176189.NET Framework: 638. RSAParameters와 RSA파일 다운로드1
11139정성태2/6/20176640.NET Framework: 637. C# 개발자를 위한 Win32 DLL export 함수의 호출 규약 (3) - x64 환경의 __fastcall과 Name mangling [1]파일 다운로드1
11138정성태1/20/20176294VS.NET IDE: 113. 프로젝트 생성시 부터 "Enable the Visual Studio hosting process" 옵션을 끄는 방법 - 두번째 이야기 [3]
11137정성태1/20/20175688Windows: 135. AD에 참여한 컴퓨터로 RDP 연결 시 배경 화면을 못 바꾸는 정책
11136정성태3/12/20206389오류 유형: 375. Hyper-V 내에 구성한 Active Directory 환경의 시간 구성 방법 - 두 번째 이야기
11135정성태1/20/20175768Windows: 134. Windows Server 2016의 작업 표시줄에 있는 시계가 사라졌다면?
11134정성태1/20/201710321.NET Framework: 636. System.Threading.Timer를 이용해 타이머 작업을 할 때 유의할 점 [5]파일 다운로드1
11133정성태2/6/20177382.NET Framework: 635. C# 개발자를 위한 Win32 DLL export 함수의 호출 규약 (2) - x86 환경의 __fastcall [1]파일 다운로드1
11132정성태3/25/201712409.NET Framework: 634. C# 개발자를 위한 Win32 DLL export 함수의 호출 규약 (1) - x86 환경에서의 __cdecl, __stdcall에 대한 Name mangling파일 다운로드1
11131정성태1/13/20178246.NET Framework: 633. C# - IL 코드 분석을 위한 팁 [2]
11130정성태1/11/20176939.NET Framework: 632. x86 실행 환경에서 SECURITY_ATTRIBUTES 구조체를 CreateEvent에 전달할 때 예외 발생파일 다운로드1
11129정성태6/30/20208745.NET Framework: 631. async/await에 대한 "There Is No Thread" 글의 부가 설명 [4]파일 다운로드1
11128정성태1/9/20178044.NET Framework: 630. C# - Interlocked.CompareExchange 사용 예제 [3]파일 다운로드1
11127정성태1/8/20176314기타: 63. (개발자를 위한) Visual Studio의 "with MSDN" 라이선스 설명
... [46]  47  48  49  50  51  52  53  54  55  56  57  58  59  60  ...