일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Tags
- 리액트
- 리덕스
- 코딩초보
- 비동기
- 프론트엔드
- scss
- http
- React Native
- 깃
- SasS
- 코딩공부
- TypeScript
- JavaScript
- git
- react
- 리액트 네이티브
- 코딩기초
- useEffect
- 코린이
- react-router
- 자바스크립트
- async
- CSS
- 참조자료형
- html기초
- 타입스크립트
- 코딩독학
- redux
- Vue3
- 사용하는 이유
Archives
- Today
- Total
목록react-i18next (1)
맨 땅에 프론트엔드 개발자 되기

회사에서 맡은 프로젝트 중 처음으로 다국어 지원 웹사이트를 만들게 되었다. 관리자 페이지여서 SEO는 따로 필요 없었기 때문에 React로 진행하기로 했고, 그에 따라 react-i18next 사용방법을 정리해보기로 했다. 서버에서 다국어 지원을 제공하는 next-i18next 라이브러리도 있다. 다른 큰 회사에서는 어떤 방식으로 번역문을 관리하는지 모르겠지만 작은 프로젝트 단위에서는 json 방식으로 직접 보관하는 방법을 사용할 수 있다. (더 규모가 큰 프로젝트에서는 개발자가 아닌 번역 담당자가 번역문을 수정할 수 있도록 다른 방법을 찾아봐야 할 것 같긴 하다.) 단계 1: 패키지 설치 우선, 프로젝트 내에 react-i18next와 i18next 패키지를 설치한다. $ npm i react-i18n..
코딩 공부 일지/React JS
2023. 4. 20. 11:05