react-i18next 다국어 적용을 해보고자 한다.
기존 프로젝트는 react-intl 을 사용했는데 지금 내가 맡은 GS 프로젝트는 외롭게 쓸쓸하게 나 혼자 하는거라서 나에게 조금 더 편할 것 같은 라이브러리를 사용하고자 react-i18next 를 선정하게 되었다.
처음에는 기존에 상사가 했던 것 처럼 내가 번역해서 obeject의 key와 value 값으로 넣을까 고민했지만, 나중에 계속 이렇게 하다보면 번거로울 것 같아서 위의 라이브러리를 선택.
하단의 페이지와 두 개의 유투브 영상을 참고 하였다.
React i18next 공식 페이지 및 다큐먼트
https://react.i18next.com/guides/quick-start
참고한 유투브 두 개
처음 세팅은 위의 유투브를 보고 기본적인 걸 익힌 후 install과 기본 원리를 마무리
npm install react-i18next i18next –save
npm i i18next-browser-languagedetector
이 두개를 셋팅했다. 아래의 npm은 language를 어떤 언어인지 인식하는듯!
두 번째로 볼 때는 이 짧고 깔끔한 8분짜리 영상을 보면서 익히기 완료
아직 진행 중에 있어서 오늘까지 완료하고 업뎃 예정!