태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
보이기/숨기기 가능합니다^^
분류 전체보기 (248)
이벤트정보 (14)
서버호스팅 (29)
웹호스팅 (8)
가격 및 평가 (2)
도메인 (17)
호스팅 상식 (8)
기타호스팅 (7)
서버 정보 (36)
IDC (6)
가격비교정보 (3)
웹 기획 (1)
웹 제작 (15)
웹 마케팅 (5)
리눅스정보 (15)
윈도우서버 (16)
추천서적 (0)
솔루션가이드 (7)
자료실 (7)
호스팅용어 (4)
문서자료실 (0)
보안 (24)
기타 활용팁 (8)
인터넷기초자료 (2)
IT 이야기 (3)
WinSCP (3)
클라우드컴퓨팅 (3)

보이기/숨기기 가능합니다^^

'UTF-8'에 해당되는 글 1건
일본어 홈페이지 제작을 위한 인코딩 팁
웹 제작 | 2010/09/13 09:16
  


사용자 삽입 이미지


한국어 사이트의 캐릭터 셋은 euc - kr까지의로되어 있듯이 일본어 사이트 캐릭터 셋은 거의 Shift_JIS로 되어있습니다.


그래서 Shift - JIS로 캐릭터 셋으로 문서를 만들면 일본어 사이트가 보일 것으로 생각했었고,
editplus에서 인코딩 타입을 shift-jis로 맞춰놓고 작업을 했었습니다.



그런데 문제는 한국어가 조금이라도 들어가있는 문서로는 한글이 깨져 보이는 문제점이 있었습니다. (한국 개발자는 한글로 주석을 달아야 알아보기가 쉽져~)


그래서 해결방법은 UTF-8


한글 사이트들이 대부분 euc - kr까지의 (한글과 영어 문자셋만 표현)을 사용 하듯이 일본어 사이트를 보면 80 % 이상이 Shift - JIS로를 사용 하긴하지만 글로벌 사이트들은 UTF - 8을 사용하기 때문에 별 문제는 없습니다.


예를들어 일본 야후 (www.yahoo.co.kr)이 UTF - 8로 되어 있습니다.
가급적 한글 주석이 들어간 일본어 HTML 페이지는 UTF-8로 제작할 것을 추천합니다.




editplus (에디트 플러스) 셋팅


도구> 기본 설정> 글꼴에서 글꼴을 MS PGothic으로 셋팅합니다.

돋움이나 굴림으로 하면 일본어로는 깨지는 한문이 많이 있습니다.



인코딩 방식을은 ANSI가 아닌 UTF - 8로로 저장


일단 editplus 셋팅은 끝났고 이대로 저장을 하면 됩니다.



그리고 HTML을 메타태그를
<META의 http-equiv="Content-Type" content="text/html; charset=UTF-8">
으로 시작하여 문서를 편집하면 됩니다.



또다른 문제 => 웹서버

그러나 이렇게해도 익스플로러 등의 브라우저에서 항상 일본어가 깨져 보였고,

익스플로러에서보기> 인코딩> 자동을해도 디폴트로 한국어로 셋팅되어 디스플레이되는 문제점이 있습니다.



웹서버 (아파치등)에서 강제로 euc - kr까지의로 지정되어 브라우저에 전달하기 때문이었습니다.


계속 페이지를 열때마다 브라우저에서 인코딩을 바꾸어 주기만 하면 되지만 매번 이렇게 까지 하기는 어렵죠~

일본어 사이트를 위한 아파치 셋팅


(역시 서버호스팅이나 가상호스팅을 해야 아파치 셋팅을 마음대로 변경할 수 있군요...)


이때 값을 httpd.conf에서 아파치 설정을 다음과 같이 변경해 주면됩니다.



AddDefaultCharset EUC-KR  <= EUC-KR이  강제 지정된 것입니다.
AddDefaultCharset 으로 변경 끄기


이후 브라우저상에 자동으로 UTF - 8로로 지정되어 일본어가 깨지게 보이는 것이 해결됩니다.

[작은 정보]는 ANSI로 작성된 수많은 문서를 일괄적으로 UTF - 8로로 변경


REDUTF8
은이라는 프로그램으로 일일이 문서를 열어 UTF - 8로 저장하는 번거로움을 해결해 준 프로그램입니다.


폴더를 지정하기만하면 폴더 아래 txt 문서들이 모두 UTF - 8로로 인코딩 됩니다.


다운로드 : http://styx.in/5687


(아니면 에디트플러스에서 '인코딩지정 옵션'으로 파일을 몽땅 열어 일괄 저장해도 됩니다.)

Trackback 0 : Comment 0
위로
http://www.allhost.co.kr/trackback/239 관련글 쓰기
이전 페이지
[1]
다음 페이지
보이기/숨기기 가능합니다
					^^
돌82넷 2011
돌82넷 2011
숫자로 보는 금융/경제.. 2011
GAERAE Blog 2010
HP MicroServer BLOG 2010
Keep It Simple 2010
Keep It Simple 2010
★ Link's Another Side.. 2010
월풍도원(月風道院) - De.. 2010
Salesforce.com 2010
Salesforce.com 2010
Salesforce.com 2010
철탑의 Windog Mobile (P.. 2009
남기범(Alex Nam,南基范).. 2009
패러다임 2009



  RSSFeed