상대 시간(n분 전) 포맷 생성기 안내
SNS·댓글·알림에서 흔히 보는 “3분 전”, “2일 후” 같은 표기를 상대 시간(relative time)이라고 합니다. 이 도구는 두 시각의 차이를 계산해 브라우저 표준 API Intl.RelativeTimeFormat으로 한국어·영어 상대 시간 문자열을 만들고, 바로 복붙할 수 있는 JavaScript 코드 예시까지 제공합니다. 별도 라이브러리(moment, dayjs) 없이 순수 JS만으로 다국어 지역화가 가능합니다.
핵심은 적절한 단위를 고르는 것입니다. 60초 미만은 초, 60분 미만은 분, 24시간 미만은 시간, 그 이상은 일·주·월·년으로 환산합니다. 대상이 과거면 음수(“전”), 미래면 양수(“후”)로 자동 구분됩니다. 화면에는 상대 시간을, title 속성이나 <time datetime>에는 정확한 절대 시각(ISO)을 함께 넣는 것이 접근성·SEO에 좋습니다.
Intl.RelativeTimeFormat은 모던 브라우저와 Node.js에 기본 내장되어 있어 별도 설치가 필요 없고, numeric: "auto" 옵션을 주면 “1일 전” 대신 “어제”처럼 더 자연스러운 표현을 자동으로 골라 줍니다. 다만 이 API는 “3분 전”처럼 표시만 해 줄 뿐 시간이 흘러도 자동으로 갱신되지는 않으므로, 실제 서비스에서는 일정 주기(예: 1분마다)로 다시 계산해 화면을 새로고침하는 코드를 함께 넣는 것이 좋습니다. 이 도구가 출력하는 함수는 그대로 복사해 그런 갱신 로직에 끼워 쓸 수 있습니다.
자주 묻는 질문 (FAQ)
Q. n분 전 같은 상대 시간은 어떻게 만드나요?
A. 표준 Intl.RelativeTimeFormat을 씁니다. 두 시각의 차를 가장 적절한 단위로 환산해 ‘3분 전’/‘3 minutes ago’로 지역화합니다.
Q. 한국어와 영어를 동시에 얻을 수 있나요?
A. 네. ko-KR과 en 결과를 함께 보여주고 코드 예시도 제공합니다.
Q. 과거와 미래를 모두 표시하나요?
A. 대상이 과거면 ‘n분 전’, 미래면 ‘n분 후’로 자동 구분합니다.