[TIL]8/7

오랜만에 돌아온 TIL TIME
노션에 정리만하고 벨로그에 정리한지 오래....
오늘 배운 것 , 깨달은 것 정리하며 하루 마무리~

---

1-1 실시간 Date 출력하기

const today = new Date();
const TodayData = `
	${today.getFullYear()} // year
    ${String(today.getMonth() + 1).} // month
    ${today.getData().} // day
`;

=> today.getMonth() : 0~11 까지 숫자로 월 출력 됨
(1월 = 0, 2월 = 1 etc..)
=> padStart와 padEnd는 문자열의 길이를 지정된 길이까지 맞추기 위해 패딩 문자를 앞이나 뒤에 추가하는 함수
=> today.getMonth()로 현재 월을 가져옵니다. (0부터 시작)
+ 1로 월을 1부터 시작하도록 조정합니다.
String()을 사용해 숫자를 문자열로 변환합니다.
padStart(2, '0')를 사용해 문자열의 길이가 2가 되도록, 앞에 '0'을 추가합니다.

1-2 padStart, padEnd

today.getMonth()를 사용하면 현재 월을 0부터 시작하는 숫자로 반환합니다. 예를 들어, 1월은 0, 2월은 1, ..., 12월은 11로 반환됩니다. 이 값을 사람들에게 더 이해하기 쉽게 표현하려면 1부터 12까지의 숫자로 변환할 필요가 있습니다. 이뿐만 아니라, 2자리 형식(예: "01", "02", ..., "12")으로 표시하려면 padStart를 사용할 수 있습니다.

padStart와 padEnd는 문자열의 길이를 지정된 길이까지 맞추기 위해 패딩 문자를 앞이나 뒤에 추가하는 함수입니다.

padStart 사용법

const month = (today.getMonth() + 1).toString().padStart(2, '0');

• 2는 목표 문자열 길이입니다.
• '0'은 문자열 앞에 추가할 문자입니다.
• 예를 들어, 5월은 05로 변환됩니다.

padEnd 사용법

padEnd는 문자열의 길이를 지정된 길이까지 맞추기 위해 패딩 문자를 뒤에 추가합니다.

const str = "hello".padEnd(10, '!');
console.log(str); // "hello!!!!!"

• 10은 목표 문자열 길이입니다.
• '!'은 문자열 뒤에 추가할 문자입니다.

예제 코드

const today = new Date();
const month = (today.getMonth() + 1).toString().padStart(2, '0');
const day = today.getDate().toString().padStart(2, '0');
const year = today.getFullYear();

const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 예: "2024-08-07"

이렇게 하면 날짜가 "YYYY-MM-DD" 형식으로 포맷됩니다. padStart를 사용하여 월과 일을 항상 두 자리로 표시할 수 있습니다.

---