'UTF-8'에 해당되는 글 1건
2009.03.27 15:36
안녕하세요? 검쉰입니다. 오랫만에 블로그 포스트로 인사드립니다.
그동안 티스토리에서 문제가 되었던 Flash Player 10에서 swf 로드가 안되던 문제가 해결이 되었네요. ;) 기존의 제 포스트들도 정상으로 보이고요. 이사하려다가 그 것또한 귀차니즘에 의해 좌절. ^ㅂ^; 아무튼 다시 오랫만에 글로 인사드려요. ;^)

흔히 자주 쓰시는 Flash로 만든 네비케이터 바 에서 메뉴정보를 외부의 XML 로 받아오는 경우와 같이 외부의 데이터를 읽어오는 과정에서 한글이 깨지는 경험을 한번쯤은 하셨을 겁니다. 이런 경우 커뮤니티에서 검색해보시면 System.useCodePage = true; 를 넣어라. 라는  답변을 많이 볼 수 있습니다. 심지여 이 것을 "한글 깨짐 방지 코드"라고 부르는 경우도 있더군요. 옛 속담에 '선무당이 사람잡는다'라는 이야기가 있습니다. 정확하게 이해하지 못하고 쓰게 되면 뒷일 감당하기 힘들게 되는 법!!. 왜 System.useCodePage = true; 를 넣으면 한글이 안꺠지는지 알아보도록 하겠습니다.

'EUC-KR' 이라고 많이 보셨을 겁니다. 한글을 정의한 캐릭터 셋(charset)입니다. 보통 한글 윈도우에서 제작한 파일은 'EUC-KR' 캐릭터 셋으로 저장되는 경우가 많습니다. 이 때 캐릭터 셋이란 글자들의 집합을 정의한 것이라고 생각하시면 됩니다. (보다 자세한 건 위키백과의 설명을 참조하시길 바랍니다.)
이러한 캐릭터 셋이 다르게 되어 있는 데이터를 읽어오게 되면 한글이 깨지게 되는데요, Flash 내부에서는 유니코드(UTF-8)를 기본으로 사용하기 때문입니다. 'EUC-KR'로 제작된 파일을 'UTF-8'로 읽었으니 당연히 서로 다른 캐릭터 셋을 사용하게 되므로 한글이 깨지게 되는 겁니다. 이러한 경우에 바로 System.useCodePage = true; 를 사용하면 한글이 깨어지지 않는데, 그 이유는 LiveDocs 에도 잘 나와있습니다.

useCodePage 속성  
useCodePage:Boolean  [읽기/쓰기]
언어 버전: ActionScript 3.0
런타임 버전: AIR 1.0, Flash Player 9

Flash Player에서 외부 텍스트 파일을 해석하는 데 사용할 코드 페이지를 지정하는 부울 값입니다. 이 속성을 false로 설정하면 외부 텍스트 파일이 유니코드로 해석됩니다. 이러한 파일은 저장할 때 유니코드로 인코딩되어야 합니다. 이 속성을 true로 설정하면 외부 텍스트 파일이 Flash Player가 실행되는 운영 체제의 일반 코드 페이지로 해석됩니다. useCodePage의 기본값은 false입니다.

flash.display.Loader.load(), flash.net.URLLoader, flash.net.URLStream 또는 XML 클래스를 사용하여 외부 파일로 로드하는 텍스트를 Flash Player에서 유니코드로 인식하려면 이러한 파일을 유니코드로 저장해야 합니다. 외부 파일을 유니코드로 인코딩하려면 Windows 2000의 메모장과 같이 유니코드를 지원하는 응용 프로그램에서 파일을 저장해야 합니다.

유니코드로 인코딩되지 않은 외부 텍스트 파일을 로드하려면 useCodePagetrue로 설정합니다. 이렇게 하려면 데이터를 로드하는 SWF 파일의 첫 번째 프레임에 다음 코드를 첫 코드 행으로 추가합니다.

System.useCodePage = true;

이 코드를 추가하면 외부 텍스트가 Flash Player가 실행되고 있는 운영 체제의 일반 코드 페이지로 해석됩니다. 영문 Windows 운영 체제의 경우 대개 CP1252이고 한국어 운영 체제의 경우 EUC-KR입니다. 만약 useCodePagetrue로 설정하면 Flash Player 6 이상 버전은 Flash Player 5와 같은 방법으로 텍스트를 처리합니다. Flash Player 5에서는 모든 텍스트를 Flash Player 실행 운영 체제의 일반 코드 페이지를 사용하는 것으로 간주하고 처리했습니다.

useCodePagetrue로 설정하는 경우 플레이어가 실행되는 운영 체제의 일반 코드 페이지에 외부 텍스트 파일에 사용되는 문자가 포함되어 있어야 텍스트가 표시됩니다. 예를 들어 중국어 문자가 포함된 외부 텍스트 파일을 로드하는 경우 CP1252 코드 페이지에는 중국어 문자가 없으므로 이 코드 페이지를 사용하는 시스템에서 중국어 문자가 표시되지 않습니다.

모든 플랫폼에서 SWF 파일에 사용된 외부 텍스트 파일을 볼 수 있게 하려면 모든 외부 텍스트 파일을 유니코드로 인코딩하고 useCodePagefalse로 설정된 상태로 두어야 합니다. 이렇게 하면 Flash Player 6 이상에서 텍스트가 유니코드로 해석됩니다.


LiveDocs 에도 나와 있는 것 처럼 useCodePage 를 true로 설정하면 유니코드가 아닌 운영체제의 codepage로 해석이 되는 것이죠. 한글 윈도우의 기본 codePage는 'EUC-KR(51949)' 입니다. 그래서 외부의 'EUC-KR'로 되어있는 문서가 깨지지 않고 읽히게 되는 것입니다.

더 이상의 문제가 없어보입니다만,  실제 그렇지 않습니다. 해당 swf 를 로드하는 사용자가 외국어 OS를 사용하고 있다면 어떨까요? 열심히 만든 어플을 정식으로 런칭했는데, 그걸 외국의 한국인이 본다면???

이론적으로 보면 'EUC-KR'로 되어 있는 문서를 해당 OS의 codePage로 읽게 될텐데, 다른 언어의 OS는 codePage가 설마 'EUC-KR(51949)'일까요?? 위의 livedocs의 설명에도 나와 있듯, 다른 나라의 OS는 한국어 OS와 codePage가 다르다는 군요. (다른 나라 언어의 캐릭터 셋에 대해서 궁금하시다면 여기에서 확인해보시면 되겠습니다.)

실제로 그런지 확인을 위해서 아래와 같은 간단한 swf 파일을 만들어 봤습니다. 소스코드는 다음과 같습니다.
Flex 로 만든 App.

로드한 XML 파일



동일한 XML 파일을 'UTF-8', 'EUC-KR'로 각각 저장해서 useCodePage를 각각 false, true 로 설정해 영어, 일어 Windows 에서 IE로 읽어봤습니다.
클릭하셔서 확인해보세요.
Windows XP 영문판에서 swf 로드

Windows XP 영문판에서 swf 로드

Windows XP 일어판에서 swf 로드

Windows XP 일어판에서 swf 로드



UTF-8로 되어있는 파일은 어떤 OS든지 간에 잘 로드가 되고 있고, 'EUC-KR'로 되어있는 것을 System.useCodePage = true; 로 설정한 것은 한글이 여지없이 깨져보이는 것을 확인 할 수 있습니다. 외국에 서비스 할 생각이 없는 어플이라 하더라도, 기본적으로 'UTF-8'로 파일들을 저장해 놓으시면 한글문제를 잘 피해가실 수 있다고 생각합니다. 단순이 파일만이 아니라, HTTPService로 load 하는 데이터 또한 'UTF-8' 로 제작되어야 하겠죠?

하지만 할 수 없이 'EUC-KR'을 사용해야 할 때가 있습니다.네이버 카페의 경우 'EUC-KR'로 되어 있는데요, 이 것 때문에 useCodePage를 true로 설정할 수 는 없는 것 아니겠습니까? 이런 고민을 제가 존경하는 원강민님께서 블로그에 이미 포스팅 하신 적이 있습니다.
System.useCodePage 대신 이렇게.. 이 포스트를 참고 하시면 좋겠습니다.

간만에 글을 썼더니 꽤나 길어졌네요 :-) 다들 좋은 주말 되시길!
저작자 표시 비영리 변경 금지
신고
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2009.03.27 17:59 신고 | PERMALINK | EDIT/DEL | REPLY
컴백 하셨네요...
잘 보고 갑니다~

with okgosu (-..-)a 저도 굽신 굽신~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.29 22:19 신고 | PERMALINK | EDIT/DEL
방문 감사합니다 ;)
Favicon of http://jidolstar.com/blog BlogIcon 지돌스타 | 2009.03.28 13:03 신고 | PERMALINK | EDIT/DEL | REPLY
좋아요~~~ 블로그의 세계로 돌아오신것을 환영합니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.29 22:20 신고 | PERMALINK | EDIT/DEL
다음 포스팅은 언제일 줄 모른다는... ㅎㅎ
박스농사 | 2009.03.30 09:39 신고 | PERMALINK | EDIT/DEL | REPLY
영어는 왜 다 잘나올까요?
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.30 09:43 신고 | PERMALINK | EDIT/DEL
비 영어권의 슬픔. =ㅁ=
Favicon of http://zommoc.tistory.com BlogIcon 좀모씨 | 2009.03.30 11:52 신고 | PERMALINK | EDIT/DEL | REPLY
많은 도움이 되었습니다^^

.....지식인 질문자 채택글 같은;;;;;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.31 09:46 신고 | PERMALINK | EDIT/DEL
채택해주셔서 감사합니다?! ;)
Favicon of http://7zelkova.tistory.com BlogIcon 성주 | 2009.03.31 10:05 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 글 잘 보고 갑니다.
저도 System.useCodePage = true; 로 해 놓은게 있는데 수정해야겠네요
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.31 22:06 신고 | PERMALINK | EDIT/DEL
방문 감사감사 ;)
Favicon of http://lovedev.tistory.com BlogIcon lovedev | 2009.03.31 20:47 신고 | PERMALINK | EDIT/DEL | REPLY
^^ 다시 돌아 오셨군요 ^^)/ 화이팅
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.31 22:06 신고 | PERMALINK | EDIT/DEL
열심히 달려 보겠습니다 ;)
모지씨 | 2009.04.01 09:34 신고 | PERMALINK | EDIT/DEL | REPLY
좋은글 잘보고 갑니다 : )
이름 입력하라는곳 없어서 한참 찾았는데... 새로고침하니까 나오는군요 :-(
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.01 16:03 신고 | PERMALINK | EDIT/DEL
로그인 하면 좀 편함 ㅋ
Favicon of http://zommoc.tistory.com BlogIcon 좀모씨 | 2009.04.03 17:49 신고 | PERMALINK | EDIT/DEL
그럴 때 Q 를 눌러보시면 새로운 세계가~
Favicon of http://hangunsworld.com BlogIcon Han Sanghun | 2009.04.02 18:02 신고 | PERMALINK | EDIT/DEL | REPLY
명쾌하게 정리해 주셨네요 ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.02 18:10 신고 | PERMALINK | EDIT/DEL
방문 감사드려요~ ;)
데스티 좀 잘 부탁드립니다? ㅋ
퍼플린 | 2009.04.10 11:02 신고 | PERMALINK | EDIT/DEL | REPLY
굿잡~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.10 18:47 신고 | PERMALINK | EDIT/DEL
오예~ ㅋ
Favicon of http://me2day.pe.kr BlogIcon 이태호 | 2009.05.27 13:49 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 오랫만에 들어와봤는데
이런 피같은 정보가. ^^
저도 이런 문제가 있어 어찌어찌 그 원인이란거 알고 해결은 했는데 내막이 이러하군요.
잘봤습니다.^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.06.02 10:13 신고 | PERMALINK | EDIT/DEL
언제 얼굴 한번 봐야죠~ ㅎㅎ
Favicon of http://www.ddongkang.com BlogIcon 동강 | 2009.06.02 13:16 신고 | PERMALINK | EDIT/DEL | REPLY
딱 찾는 정보 였어요.ㅋㅋ 잘 보았습니다.ㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.06.15 18:31 신고 | PERMALINK | EDIT/DEL
감사합니다 ;) ㅎㅎ
Favicon of http://stemp.tistory.com BlogIcon 문정환 | 2010.02.17 17:06 신고 | PERMALINK | EDIT/DEL | REPLY
System.useCodePage = true;에 대해서 찾아보다가 좋은글 읽고 갑니다 ~
유익한글 감사드립니다.
태우 | 2010.03.20 07:48 신고 | PERMALINK | EDIT/DEL | REPLY
감사합니다.
Favicon of http://blog.naver.com/yell301 BlogIcon 기절이 | 2010.09.11 13:02 신고 | PERMALINK | EDIT/DEL | REPLY
명쾌한 좋은 정보 감사합니다~도움 많이 되었습니다~링크 담아가겠습니다~감사합니다~^^
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
prev"" #1 next

티스토리 툴바