자바스크립트 실무 유틸 함수 시리즈 6 - 시간과 날짜

이번 6편에서는 시간과 날짜를 다룰 때 유용한 고급 유틸 함수들을 정리합니다. 날짜 포맷팅, 기간 계산, 요일 변환 등 실제 프로젝트에서 자주 사용되는 기능을 쉽고 깔끔하게 구현할 수 있습니다.

---

✅ 1. formatDate (날짜 포맷 변환)

📌 YYYY-MM-DD 포맷 변환

function formatDate(date) {
  const d = new Date(date);
  const year = d.getFullYear();
  const month = String(d.getMonth() + 1).padStart(2, '0');
  const day = String(d.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

📌 활용 예시

• 게시글 등록일 표기
• 예약일 포맷 처리

---

✅ 2. daysBetween (두 날짜 간 차이 계산)

📌 일수 차이 구하기

function daysBetween(start, end) {
  const diff = new Date(end) - new Date(start);
  return Math.floor(diff / (1000 * 60 * 60 * 24));
}

📌 활용 예시

• 이벤트 남은 기간 표시
• 회원 가입일로부터 경과일 계산

---

✅ 3. addDays (특정 날짜에 일 추가)

📌 일수 추가

function addDays(date, days) {
  const result = new Date(date);
  result.setDate(result.getDate() + days);
  return result;
}

📌 활용 예시

• 만료일 계산
• 쿠폰 유효기간 설정

---

✅ 4. getDayName (요일 이름 반환)

📌 요일 구하기

function getDayName(date) {
  const days = ['일', '월', '화', '수', '목', '금', '토'];
  return days[new Date(date).getDay()];
}

📌 활용 예시

• 스케줄 요일 표시
• 예약 시스템 요일 출력

---

✅ 5. isSameDay (같은 날 여부 비교)

📌 날짜 비교

function isSameDay(date1, date2) {
  const d1 = new Date(date1);
  const d2 = new Date(date2);
  return d1.getFullYear() === d2.getFullYear() &&
         d1.getMonth() === d2.getMonth() &&
         d1.getDate() === d2.getDate();
}

📌 활용 예시

• 출석 여부 확인
• 특별 이벤트일 체크

---

✅ 결론

시간과 날짜는 사용자와 시스템 간 상호작용에 매우 중요한 요소입니다. 이번 시리즈에서 다룬 함수들을 잘 활용하면 날짜 기반 로직을 더욱 견고하고 깔끔하게 구현할 수 있습니다.