📚 Reference

• 공식 문서 1

📜 Chapter

i18n, l10n, i18next

Vue I18n

‣

i18next-http-backend

react-i18next

• react-i18next
• 다국어 변환

구현 방식

번역 파일 관리

• 언어별로 JSON 파일을 생성하여 관리합니다.
• 예를 들어, public/locales/ko/translation.json과 public/locales/en/translation.json에 각각 한국어와 영어 번역 텍스트를 저장한다.

react-i18next 설정

• 애플리케이션의 진입점(예: index.tsx)에서 i18next를 초기화하고, 사용할 언어와 번역 파일을 설정한다.

컴포넌트 적용

• useTranslation 훅을 사용해 컴포넌트에서 번역 함수(t)를 불러와 텍스트를 적용한다.
• 예를 들어, <h1>{t('hello_message')}</h1>와 같이 사용했다.