astro-sphere 테마에 타임존 설정하기

블로그 글을 배포 후에 사이트 내용을 확인하던 중,
블로그 리스트에 표시된 시간과 글 내용 상단에 표시되는 글쓴 시간이 서로 다르게 표시되는 것을 발견

목록: 2025년 3월 06일 오전 03:55

글보기: 2025년 3월 05일 오후 06:55

astro config 에서 timezone 을 설정하는 방법을 검색 후, 적용

#1. astro-sphere 테마에서 Timezone 설정하기

/src/lib/utils.ts 파일의 formatDate 함수에서 아래 timezone 내용을 추가

export function formatDate(date: Date) {
	return Intl.DateTimeFormat("ko-KR", {
		timeZone: "Asia/Seoul", // <-- Timezone 설정내용 추가
		month: "short",
		day: "2-digit",
		year: "numeric",
		hour: "2-digit",
		minute: "2-digit"
	}).format(date)
}

설정 후, 배포를 진행했더니 목록과 글보기 페이지에서 같은 날짜로 잘 표시된다.