Date-fns

Date-fns란?

• date-fns 라이브러리는 JavaScript의 Date 객체를 조작하고 형식화하고 파싱하는 데 도움이 되는 다양한 메서드를 제공함

parse 메서드

https://date-fns.org/v2.30.0/docs/parse : 공식문서

• parse메서드는 문자열로 표현된 날짜를Date` 객체로 변환합니다.

• 메서드는 문자열과 형식 문자열을 인자로 받아 파싱합니다. 형식 문자열은 날짜의 형식을 지정하며, 날짜 문자열의 구문을 읽는 데 사용됨. => formatText는 공식문서 참조

  import { parse } from 'date-fns';
  
  const dateString = '2023-10-05';
  const parsedDate = parse(dateString, 'yyyy-MM-dd', new Date());
  
  console.log(parsedDate); // 파싱된 Date 객체 출력

• 위의 코드에서 parse 메서드는 dateString을 yyyy-MM-dd 형식으로 파싱하여 parsedDate에 저장

• 문자열이 주어진 형식에 맞는지 않은지 판단해서 Date객체를 반환함. 3번째 params는 reference 값임.

isValid 메서드:

• isValid 메서드는 주어진 날짜 객체가 유효한지 여부를 확인합니다. 유효하지 않은 날짜인 경우 false를 반환하고, 유효한 날짜인 경우 true를 반환

  import { isValid } from 'date-fns';
  
  const validDate = new Date('2023-10-05');
  const invalidDate = new Date('2023-13-05');
  
  console.log(isValid(validDate)); // true
  console.log(isValid(invalidDate)); // false

format 메서드:

• format 메서드는 Date 객체를 지정된 형식 문자열로 형식화합니다.

  import { format } from 'date-fns';
  
  const date = new Date();
  
  const formattedDate = format(date, 'yyyy-MM-dd HH:mm:ss');
  
  console.log(formattedDate); // "2023-10-05 14:30:00" (예시)

• 위의 코드에서 format 메서드는 date를 'yyyy-MM-dd HH:mm:ss' 형식으로 형식화하여 문자열로 반환함.

min, max

• 주어진 날짜 값의 배열중 가장 작고 가장 큰 날짜를 반환함

// Which of these dates is the earliest?
const result = min([
  new Date(1989, 6, 10),
  new Date(1987, 1, 11),
  new Date(1995, 6, 2),
  new Date(1990, 0, 1)
])
//=> Wed Feb 11 1987 00:00:00