Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

모노레포 환경에서 i18next 다국어 시스템 구축하기

무신사 favicon무신사·Frontend·
TypeScriptReactJavaScriptCI/CDGitHub
2026년 03월 08일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

무신사 Musinsa Global의 프런트엔드 다국어 시스템을 i18next로 구축하고 Lokalise 연동 워크플로우를 도입해 번들 크기와 네트워크 로딩 시간을 개선했습니다.

구현 방법

  • React-i18next를 이용한 정적 번들 기반 번역 로딩
  • VITE_LANG 빌드타임 언어 결정으로 불필요 언어 제거
  • Lokalise와 GitHub Actions를 통한 자동 업데이트

주요 결과

  • 9개 앱에서 총 741KB 감소, 평균 14.98% 감소
  • 4G에서 응답시간 약 80ms, 3G에서 약 800ms 감소

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
현대차·기아에서 프론트엔드 개발에 다국어를 지원하며 협업하는 법 (feat. i18n) 섬네일
77%

현대차·기아에서 프론트엔드 개발에 다국어를 지원하며 협업하는 법 (feat. i18n)

현대자동차 favicon현대자동차·2025년 02월 06일
Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다. 섬네일
76%

Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.

더핑크퐁컴퍼니 favicon더핑크퐁컴퍼니·2022년 09월 15일
신상마켓 i18n 개발과정 섬네일
76%

신상마켓 i18n 개발과정

딜리셔스 favicon딜리셔스·2022년 12월 19일