핵심 요약
현대자동차가 프런트엔드 어드민/백오피스의 다국어 지원을 i18n로 도입하고 CSR 중심으로 구현한 사례를 공유합니다.
주요 경험
- CSR 기반 Next.js에서 i18n(i18next, react-i18next)으로 다국어 적용 및 관리 체계 수립
- hydration 이슈를 dynamic으로 SSR 렌더링 비활성화로 해결
- 언어별 분리 전략 채택과 Ground Rule 정립으로 일관성 확보
- Trans와 변수 삽입으로 문장 구성의 유연성 확보
- VS Code i18n-Ally 확장으로 번역 상태 관리와 하드코딩 추출 편의성 향상
얻은 인사이트
- 다국어 도입이 협업 이슈를 완화하고 유지 보수의 방향성을 제시
- 변수/Trans 활용으로 어순 차이에 의한 번역 관리가 수월해짐
- 도구와 표준의 조합이 개발 생산성에 기여 가능
