본문 바로가기

프로그램

[JQUERY]jquery.li18n.js 를 활용하여 페이지 내 다국어 처리

반응형

jquery.li18n.js 를 활용하여 페이지 내 다국어 처리

 

asp로 구현된 오래된 프로젝트에서 한글판/영문판 구현 구조가

한글.asp

english/영문.asp

 

으로 구성되어 있는 상태이다

 

한글.asp의 로직이 변경 될 경우 영문.asp에 다시 반영하는 작업이 귀찮아서 간단하게 다국어 처리를 할 수 있는 것이 없는지 검색하여 보니 jquery 에서 해당 플러그인이 존재하였다.

 

http://plugins.jquery.com/tag/internationalization



 

최초 구축한다면 정식으로 message_언어.properties 파일도 작성하고 이를 읽어 사용하기에 jquery.i18n.js를 사용하여야 하겠지만

현재 상황은 부분적으로 구현할 것이기에 jquery.li18n.js 를 이용하여 간략하게 처리하기로 하였다.

 

jquery.li18n.js 는 큰 기능은 없다.

Object에 코드:값 형태로 담은 후 이를 가져다가 사용하는 방식이다.

 

url : https://github.com/kostia/jquery.li18n

라이선스 : MIT라이센스

 

테스트한 JQUERY버젼 : 1.7+

 

1. 영문으로 변경할 내용들을 다음과 같이 구성


2. document.ready 이벤트에 번역 이벤트를 수행하여 번역된 결과


 

일단 처리는 하였으나 실제 사용을 해보니 애매한 부분이 생긴다.

위의 테스트에서는 발생하지 않았지만 실 페이지에서 방문일 => Visit Date 로 변경될 경우 차지하는 영역 width가 달라져 ui가 틀어진다.

젠장 ㅠ_

 

샘플파일 : 

li18n_sample.zip