[Typescript] 날짜 문자열을 포맷팅 하는 방법

API로 날짜 형식을 '20241011'로 받았다. 이를 '2024년 10월 11일' 형태로 출력해보자!

 

function formatDateKorean(dateStr: string): string {
  const year = dateStr.slice(0, 4);
  const month = dateStr.slice(4, 6);
  const day = dateStr.slice(6, 8);
  
  return `${year}년 ${parseInt(month)}월 ${parseInt(day)}일`;
}

// 사용 예시
const formattedDate = formatDateKorean('20241011');
console.log(formattedDate); // 출력: 2024년 10월 11일

 

1. slice 메서드를 사용하여 입력 문자열에서 년, 월, 일을 추출
2. 템플릿 리터럴을 사용하여 원하는 형식의 문자열을 생성
3. parseInt를 사용하여 월과 일의 앞에 오는 0을 제거