i18 (3) 썸네일형 리스트형 [react] 다국어 적용하기 - 3편 (다국어에 변수 넣기) 전 포스트에 이어서 작성하는 내용이므로 설치 및 다국어 적용이 안되신 분은 앞의 포스트를 보고 와 주세요! [react] 다국어 적용하기 - 2편 (언어 변경 버튼 만들기) 전 포스트에 이어서 작성하는 내용이므로 설치 및 다국어 적용이 안되신 분은 앞의 포스트를 보고 와 주세요! react 에서 다국어 적용하기 (feat.react-i18next) 1. i18next 와 react-i18next 를 설치한다. npm in code00.tistory.com 1. {t("testText", {넣을 변수명})} 으로 데이터를 넣는다. src/Test.js import i18n from "languages/i18n"; import { useTranslation } from "react-i18next"; cons.. [react] 다국어 적용하기 - 2편 (언어 변경 버튼 만들기) 전 포스트에 이어서 작성하는 내용이므로 설치 및 다국어 적용이 안되신 분은 앞의 포스트를 보고 와 주세요! react 에서 다국어 적용하기 (feat.react-i18next) 1. i18next 와 react-i18next 를 설치한다. npm install i18next react-i18next 2. src 폴더 아래에 language 폴더를 생성하고 i18n.js 파일을 작성한다. src/language/i18n.js import i18n from "i18next"; impor.. code00.tistory.com 1. 사용할 컴포넌트에서 i18n 불러오기 src/Test.js import i18n from "languages/i18n"; import { useTranslation } from "r.. [react] 다국어 적용하기 - 1편 (feat.react-i18next) 1. i18next 와 react-i18next 를 설치한다. npm install i18next react-i18next 2. src 폴더 아래에 language 폴더를 생성하고 i18n.js 파일을 작성한다. src/language/i18n.js import i18n from "i18next"; import { initReactI18next } from "react-i18next"; import en from "languages/en.json"; import ko from "languages/ko.json"; i18n .use(initReactI18next) .init({ resources: { en: { translation: en, }, ko: { translation: ko, }, }, lng:.. 이전 1 다음
