i18n 활용한 다국어 지원하기

in #sct5 years ago (edited)

안녕하세요. 제이콥입니다.

http://join.steemcoinpan.com/ 에 다국어 설정을 넣어봤습니다. 사용할 언어를 선택하면 그 언어로 모든 정보를 보여줍니다.


i18n 라이브러리는 다국어 설정을 위한 라이브러리입니다. 사전에 미리 언어파일을 준비해놓고, 언어선택을 하면 특정 언어를 보여주도록 합니다.

1. 언어파일 만들기

아래처럼 언어파일을 만듭니다. 저는 한국어와 영어를 지원하니 2개를 만들었습니다.

2. i18n 초기화

i18n 초기 셋팅입니다. 어떤 언어를 기본적으로 사용할 것인지, 어떤 언어를 추가할 것인지 적습니다.

import I18n from 'i18n-js';

import en from '../locales/en';
import ko from '../locales/ko';

I18n.locale = 'ko';
I18n.fallbacks = true;
I18n.translations = {
  en,
  ko,
};

export default I18n;

3. 사용하기

i18n을 import합니다. 그리고 원하는 문장을 가져옵니다. 예를 들어, 코드에 있는 signup.fail은 언어파일 (ko,en)에 미리 적어놔야합니다.

import I18n from '../common/I18n';
..
info = `${I18n.t('signup.fail')}` 

4. 언어 변경

저는 드랍메뉴를 활용해서 언어 변경을 하도록 했습니다. 메뉴에서 특정 언어를 선택하면, locale을 변경하도록 했습니다.

Sort:  

lovelyyeon.sct님이 jacobyu님의 이 포스팅에 따봉(7 SCT)을 하였습니다.

sct.tom님이 jacobyu님의 이 포스팅에 따봉(15 SCT)을 하였습니다.

그냥 아이디어긴 하지만 스팀커넥트 인증으로
계정생성 토큰을 대여(판매??) 할 수 있었으면 좋겠다는
생각을 해 봅니다.
저도 한 400개 있어서 쓸데는 없고 ㅋ

다국어 지원 좋네요~
저는 i18next 사용해요~ 확장판같은 거 같더라구요.

Coin Marketplace

STEEM 0.21
TRX 0.25
JST 0.038
BTC 95691.61
ETH 3343.89
USDT 1.00
SBD 3.03