국제화3 i18next-react와 Google Sheets를 활용한 국제화(i18n) 자동화 도입기(3) - 자동화 적용하기 (최종) 어쩌다보니 3편까지 작성하게 된 자동화 도입기지난 글에서는 i18next를 적용하는 것까지 작성했었고, 이번에는 본격적으로 자동화를 도입한 방법을 소개하려고 한다.참고자료를 기반으로 코드를 작성하였으며, 상황에 맞게만 일부 변형하였다. 2024.09.18 - [React] - i18next-react와 Google Sheets를 활용한 국제화(i18n) 자동화 도입기(1) - intro/도구 선정 i18next-react와 Google Sheets를 활용한 국제화(i18n) 자동화 도입기(1) - intro/도구 선정도입기라고 하기엔 별거 없지만,다른 블로그 글과 달라진 부분도 있고,나중에 또 적용해야 할 나를 위해 써보는 도입기! (1)을 붙인 건 더 업데이트해야 할 부분이 많기도 하고,한번에 다 쓰려.. 2024. 11. 10. i18next-react와 Google Sheets를 활용한 국제화(i18n) 자동화 도입기(2) - i18next적용하기(namespace 구분하기) 지난 글에서는 i18n 자동화 도입 배경과 사용 도구 및 도구 선정 배경에 대해 살펴보았다.2024.09.18 - [React] - i18next-react와 Google Sheets를 활용한 국제화(i18n) 자동화 도입기(1) - intro/도구 선정 이번에는 적용한 방법에 대해 소개하려고 한다.그중 먼저 i18next를 적용한 방법을 먼저 소개하겠다.또한, namespace를 구분할 필요가 있어서 이를 구분한 방법도 소개하도록 하겠다.(단, 코드는 보안상 실제 코드가 아닌 주로 공식 문서의 코드를 일부 수정하여 사용하였습니다) i18next 적용하기먼저 i18next를 사용해서 국제화를 적용했다. i18next의 t 함수를 사용하면, key를 통해 번역 내용을 관리할 수 있다.// 예시{t('ke.. 2024. 10. 27. i18next-react와 Google Sheets를 활용한 국제화(i18n) 자동화 도입기(1) - intro/도구 선정 도입기라고 하기엔 별거 없고,다른 블로그 글들과도 유사하지만,나중에 또 적용해야 할 나를 위해 정리해보는 도입기! 배경 및 문제인식국제화(internationalization, i18n)에는 여러 지원이 포함되지만, 가장 우선시해야 하는 것 중 하나인 언어 대응을 준비하게 되었는데, 기존 방식이 비효율적이고 생산성이 떨어지는 방식으로 되어있었다. 즉, 아래와 같은 문제점들을 도출하였고 이를 개선할 수 있는 방안을 고안하게 되었다.Problems (기존 방식의 문제점 도출) 현재 방식: 수작업 및 엑셀/Jenkins 사용한 부분 자동화 방식 개발자/기획자/번역가 등 여러 단계를 거치며 휴먼 에러 발생 가능성 높음 파일 이력/버전 관리의 어려움 비개발자와의 협업의 어려움 개발자의 생산성 저하 해결 방.. 2024. 9. 18. 이전 1 다음
