- Internationalization and localization

- I18N (internationalization) , L10N (localization) , M17N (multilingualization)


jquery i18n 라이브러리

https://github.com/wikimedia/jquery.i18n



//================

* 언어 번역 자료 파일 설정


'i18n/jq_ko.json'

{

"num_1": "일",

"num_2": "이"

}



'i18n/jq_en.json'

{

"num_1": "One",

"num_2": "Two"

}



//================

* 언어 설정

<html lang="ko">


또는


$.i18n().locale = "ko";



//================

* 스크립트 로드

<script src="i18n/jquery.i18n.js"></script>

<script src="i18n/jquery.i18n.messagestore.js"></script>



//================

* 설정 로드

$(document).ready(function() {

    //i18n로드

    $.i18n().load( {

'ko': 'i18n/jq_ko.json',        

'en': 'i18n/jq_en.json'        

    });



//================

* 다국어 출력

$.i18n('num_1');



//============================

예제


<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="utf-8">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>


<script src="i18n/jquery.i18n.js"></script>

<script src="i18n/jquery.i18n.messagestore.js"></script>


</head>


<body>


<p>Click Me</p>


<script>

$(document).ready(function() {

    //i18n로드

    $.i18n().load( {

        'ko': 'i18n/jq_ko.json',

'en': 'i18n/jq_en.json'

    });


//디버깅 설정

$.i18n.debug = true;


//언어 설정 변경

$.i18n().locale = "en";


$("p").click(function(){

//출력

$(this).text( $.i18n('num_1') );

});


})


</script>

</body>

</html>




//======================

//참고

https://phraseapp.com/blog/posts/jquery-i18n-the-advanced-guide/



'Code' 카테고리의 다른 글

[JavaScript] jQuery 나라별 언어 국제화 방법  (0) 2018.11.27
[라라벨] 즉시로딩 (Eager Loading) 사용 예제  (0) 2018.11.20
라라벨 DB Eloquent ORM  (0) 2018.11.16
라라벨 DB 빌더  (0) 2018.11.16
라라벨 컬렉션  (0) 2018.11.16
Visual studio code 사용법  (0) 2018.11.13
Posted by 코덴스

댓글을 달아 주세요