다국어처리
-
[React-i18next] 웹페이지에 '더 효율적으로' 다국어 적용하기 (with: typescript)프론트엔드 개발자가 될거야./라이브러리 2023. 3. 9. 17:29
불러와야하는 json파일이 길 때, json파일을 항상 호출하는 것은 매우 비효율적이다. 이에 i18next에는 네트워크를 통해 번역 파일을 서버에서 가져오게 하는 기능이 있다. 1. 초기세팅 import i18n from "i18next"; import { initReactI18next } from "react-i18next"; import HttpBackend from "i18next-http-backend"; i18n .use(initReactI18next) .use(HttpBackend) .init({ fallbackLng: false, // 지원하지 않는 언어 또는 키가 사용되었을 때 fallback 언어로 사용할 언어 설정 fallbackNS: false, // fallback 언어로 사용할 ..
-
[React-i18next] 웹페이지에 다국어 적용하기 (with: typescript)프론트엔드 개발자가 될거야./라이브러리 2023. 3. 2. 21:17
현재 개발중인 웹페이지는 한국은 물론이고 영어권, 중국, 일본까지 사용자를 가지고 있다. 한국어, 영어, 중국어, 일본어를 모두 웹페이지에 그려내야한다. 어떻게 할 수 있을까? React-i18next 다국어 처리를 해주는 라이브러리이다. react-i18next는 React 애플리케이션에서 다국어 지원을 제공하는 i18next 라이브러리의 React 바인딩이다. https://react.i18next.com/ Introduction - react-i18next documentation Hello {{name}} , you have {{count}} unread message(s). Go to messages. react.i18next.com React-i18next 사용법 1. initReactI18n..