다국어 효율적으로 유지보수하기 (with. Google Spread-Sheet)

모성종·2022년 12월 18일
0

다국어

목록 보기
2/2

클라이언트 다국어를 적용할 때 보통 js 또는 json 파일을 작성 후 그 파일을 기준으로 소스코드에서 적용을 하게 되는데
이 파일이 자주 수정된다면 개발자간에 동기화되지않은 파일을 가지고 있을 수도 있다.
또, 기획자-번역가-개발자 간에 소통을 원활하게 하기 위해 구글시트로 번역을 하고 이 시트를 소스코드로 내려받아 적용할 수 있도록해서 관리포인트를 줄여볼 수 있다.

패키지 설치

npm install --save-dev google-spreadsheet i18next-scanner

번역파일 upload/download를 위한 설정 index 파일

package.json 에 스크립트 추가


i18n:scan 스크립트로 기존 소스코드에 적용된 $t('hello') 와 같이 사용된 부분을 추출하여 json파일로 만든다.
이후 이 파일을 i18n:upload 해서 구글 시트에 업로드하고 번역이 완료되면 i18n:download로 번역파일을 다운받아 소스코드에서 사용하는 방식으로 동작한다.

Google Sheets API 설정

Google Developer Console 로 이동해서 프로젝트 등록 후 Google Sheets API를 활성화해준다.

서비스 계정 생성


서비스 계정생성 후 를 json 파일로 저장해둔다.
해당 서비스 계정의 email을 구글 번역 시트에 공유자로 등록한다.

API 키 생성

참고

https://meetup.toast.com/posts/295

profile
FE Developer

0개의 댓글