[Node.js 라이브러리] 개발 참고자료 목록

개요

---

이 페이지는 Node.js 기반 프로젝트로 앱/웹을 구현하면서, 라이브러리에 대해 검색하여 참고한 사이트 및 정보를 정리해놓았습니다.

 

참고자료 목록

---

ngx-translate (Angular 번역 라이브러리)

번역 언어에 Parameter를 추가하는 방법

// en.json
{
  "home": {
  	"msg" : "Hello {{value1}} and {{value2}}"
  }
}

// 방법 1
// .html
{{ "home.msg" | translate: { value1: paramValue1, value2: paramValue2 } }}

// 방법 2
// .html
<p
  [translate]="'home.msg'"
  [translateParams]="{ value1: paramValue1, value2: paramValue2 }"
></p>

// 방법 3
// .html
<p
  translate
  [translateParams]="{ value1: paramValue1, value2: paramValue2 }"
>
  home.msg
</p>

// 방법 4
// .ts
this.stringInCode = this.translate.instant('home.msg', {
  value1: this.paramValue1,
  value2: this.paramValue2,
});

https://www.vitamindev.com/angular/how-to-use-parameters-in-ngx-translate/

Date-fns (날짜 시간 라이브러리)

Date 형식을 string 형식으로 변환하는 format 함수가 지원하는 Pattern 목록

https://date-fns.org/v2.5.1/docs/format

Modern JavaScript Date Utility Library

Date 객체에서 날짜를 선택하는 setDate()함수

https://date-fns.org/v2.29.3/docs/setDate

Modern JavaScript Date Utility Library

DateFns에서 Locale을 적용하는 방법

import { format } from 'date-fns';
import { de } from 'date-fns/locale';

const date = new Date();

console.log( format(
  date, 'MMM', 
{ locale: de}
) );

https://stackoverflow.com/questions/69752917/localize-date-fns

Localize date-fns

 

Chart.js (그래프 라이브러리)

x축, y축이 날짜일 경우 Locale을 적용할 수 있는 방법

- datefns + chartjs-adapter-date-fns 라이브러리 추가 적용

https://github.com/chartjs/chartjs-adapter-date-fns

GitHub - chartjs/chartjs-adapter-date-fns: date-fns adapter for Chart.js

https://stackoverflow.com/questions/56882296/how-to-set-a-locale-for-chart-js-date-labels

 

Chart.js의 기본 언어를 설정하는 방법

현재(22.10)는 하기 두개에 모두 locale을 적용하여 사용
chart.options.locale
defaults.locale

https://www.chartjs.org/docs/latest/configuration/locale.html

Locale | Chart.js