0Pricing
JavaScript Academy · 강의

날짜 — 기초, 시간대, Intl.DateTimeFormat

날짜를 만들고 구성 요소를 읽으며, 지역에 맞게 형식을 지정하고 Intl.DateTimeFormat으로 다른 시간대의 시간을 표시합니다.

날짜 — 기초, 시간대, Intl.DateTimeFormat은(는) CoddyKit의 무료 JavaScript Academy 강의입니다. 이것은 3개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 JavaScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. JavaScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.

날짜 소개

목표: 날짜를 안전하게 생성하고 서식을 지정합니다.

  • new Date()
  • 구성 요소 읽기
  • 로케일 서식 지정
  • 다른 시간대
날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 1

Date 값 생성

new Date(), 타임스탬프 또는 간단한 연/월/일 구성 요소로 생성합니다(월 인덱스는 0부터 시작합니다).

// Create Date instances
// Now (current time)
const now = new Date();

// From timestamp (milliseconds since Jan 1, 1970 UTC)
const fromMs = new Date(0);

// From parts: year, monthIndex (0=Jan), day
const xmas = new Date(2025, 11, 25);

console.log("Now:", now.toString());
console.log("Epoch:", fromMs.toUTCString());
console.log("Xmas:", xmas.toDateString());
날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 2

구성 요소용 접근자

getFullYear, getMonth, getDate, getHours 같은 접근자를 사용합니다.

// Read parts with getters
const d = new Date(2025, 0, 2, 15, 30);

console.log("Year:", d.getFullYear());
console.log("Month (0=Jan):", d.getMonth());
console.log("Day of month:", d.getDate());
console.log("Hours:", d.getHours());
console.log("Minutes:", d.getMinutes());
날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 3

ISO와 기준 시각

toISOString은 안정적인 UTC 문자열을 제공합니다. getTime은 기준 시각 이후의 밀리초를 반환합니다.

// ISO string and timestamps
const sample = new Date();

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 4

로케일 서식 지정

Intl.DateTimeFormat을 사용하면 구성 요소 옵션으로 명확하고 로케일에 맞는 출력을 만들 수 있습니다.

// Format for a locale
const date = new Date(2025, 6, 4, 9, 5);

// Simple: toLocaleString uses your environment defaults
console.log("Local:", date.toLocaleString());

// Intl.DateTimeFormat with explicit locale and options
const fmt = new Intl.DateTimeFormat("en-GB", {
  year: "numeric",
  month: "short",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit"
});

console.log("Formatted:", fmt.format(date));
날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 5

다른 시간대의 서식 지정

timeZone을 선택하면 수동으로 계산하지 않고도 같은 순간을 여러 지역의 시간으로 확인할 수 있습니다.

// Format for a different time zone
const meeting = new Date(Date.UTC(2025, 3, 10, 12, 0));

const ny = new Intl.DateTimeFormat("en-US", {
  timeZone: "America/New_York",
  dateStyle: "medium",
  timeStyle: "short"
});

const tokyo = new Intl.DateTimeFormat("en-US", {
  timeZone: "Asia/Tokyo",
  dateStyle: "medium",
  timeStyle: "short"
});

console.log("NY:", ny.format(meeting));
console.log("Tokyo:", tokyo.format(meeting));
날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 6

Intl.DateTimeFormat 퀴즈

빠른 확인: 로케일 및 시간대 서식 지정입니다.

날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 7

복습

복습: 날짜를 생성하고 구성 요소를 읽고 ISO를 출력하고 로케일에 맞게 서식을 지정했으며, Intl.DateTimeFormat으로 다른 시간대를 표시했습니다.

날짜 — 기초, 시간대, Intl.DateTimeFormat — 일러스트레이션 8

자주 묻는 질문

“날짜 — 기초, 시간대, Intl.DateTimeFormat” 강의는 무료인가요?

네 — “날짜 — 기초, 시간대, Intl.DateTimeFormat” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 JavaScript Academy 강의 전체를 잠금 해제할 수 있습니다. JavaScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.

“날짜 — 기초, 시간대, Intl.DateTimeFormat”에서 뭘 배우나요?

날짜를 만들고 구성 요소를 읽으며, 지역에 맞게 형식을 지정하고 Intl.DateTimeFormat으로 다른 시간대의 시간을 표시합니다. 브라우저에서 직접 실행하는 실습 코드로 JavaScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

JavaScript Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 JavaScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 3개 중 3번째 강의입니다.

“날짜 — 기초, 시간대, Intl.DateTimeFormat” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 JavaScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 JavaScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. 템플릿 리터럴과 기본 문자열 연산
  2. 숫자 — 정수와 부동 소수점 수, Math 기초
  3. 날짜 — 기초, 시간대, Intl.DateTimeFormat
← JavaScript Academy(으)로 돌아가기