📚 Reference

• GitHub 1

📜 Chapter

i18next-fs-backend

i18next-chained-backend

i18next-http-backend

• i18next-http-backend
• i18next-http-backend는 i18next가 웹 서버에서 번역 파일을 HTTP 요청을 통해 가져올 수 있게 해주는 플러그인이다.
• 클라이언트 측에서만 동작하며, 특히 초기 번들 크기를 줄이는 데 효과적이다.

특징

• i18next-http-backend는 번역 데이터를 동적으로 로드하는 역할을 한다.

1. 클라이언트 전용: 이 플러그인은 브라우저 환경에서만 동작한다. Node.js 서버 환경에서는 사용할 수 없다.
2. HTTP 요청: fetch 또는 XMLHttpRequest를 사용하여 웹 서버에 있는 번역 파일(주로 JSON 형식)을 비동기적으로 가져온다.
3. 코드 스플리팅: 애플리케이션의 메인 번들(bundle)에 모든 언어 파일을 포함시키지 않고, 필요할 때(사용자가 언어를 변경하거나 특정 페이지에 진입할 때)만 해당 언어 파일을 불러온다. 이로 인해 초기 로딩 시간이 단축된다.
4. CDN 통합: 번역 파일을 CDN(Contents Delivery Network)에 올려두고, 이 플러그인을 통해 CDN에서 빠르게 파일을 가져올 수 있다.

예시 - React

1. public 디렉토리에 번역 파일 저장