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가 틀어진다.
젠장 ㅠ_ㅠ
샘플파일 :