react-intl version5 을 사용 영어 & 한국어 등 다국어 작성
VS code 터미널에서 바로 적용이 안 된다고 해서, 순서는 다음과 같음
-
<FormattedMessagedescription=”title”defaultMessage=”Passenger occupancy and bus delay”/> 를 다음과 같은 식으로 영어로 작성
- 터미널, 파워셀이 아닌 Ubuntu나 WSL에서 해당 프로젝트 디렉터리로 이동
- nvm 사용하는 경우 Node.js 재설치
- 명령어 yarn build 와 yarn process:translations 적용
- 1. extract, 2. merge, 3. compile 순서대로 extract 후 생성된 파일에서 ko 번역 진행 -> merge -> compile
- nvm 사용하기위해서 node.js 삭제 했더니 적용 됨
뭔가 번거로운데 무튼 이렇게 했더니 됬음;;
그리고 기존 대시보드에 Grafana 임베딩 작업
오픈 소스를 사용하기 위해서 회사 서버로 백엔드에서 url 작업 마무리 해주면
그대로 iframe 코드 복사해서 UIcard에 집어 넣어주고 해당 카드마다 refresh버튼을 상단부에 넣어서 re-load하는 UI 및 기능 추가 컴포넌트 스타일로 완료
또한 해당 모듈에 맞춰서 렌더링 되도록 이미 기존에 작업되어 있는 store 사용~!
큰 작업은 아니었지만 기존 회사 대시보드에서 페이지 추가 및 모듈에 따른 렌더링, 그리고 react-intl 적용, 배포에 대해서 잠깐이나마 보았던 시간이였다.