타임존 계산기

국가·도시 간 시차와 UTC 오프셋을 고려해 국제 시간을 변환합니다.

// about

도구 소개

출발 도시와 도착 도시를 선택하고 현지 날짜와 시간을 입력하면 도착 지역의 시간과 UTC 오프셋을 보여줍니다.

사용 방법

  1. 입력 시각이 적용되는 국가와 도시를 고르세요.
  2. 도착 지역과 날짜·시간을 입력하세요.
  3. 변환을 눌러 도착 지역의 시간을 확인하세요.

이 도구를 찾는 이유

  • 국제 회의 시간을 머릿속으로 계산하지 않아도 됩니다.
  • 운영체제가 제공하는 서머타임 규칙을 변환에 반영합니다.
  • UTC 기준 시각도 함께 보여 결과를 확인하기 쉽습니다.
가이드 · 날짜·시간 · 5분 읽기

유닉스 타임스탬프 완전 정복: 초와 밀리초, 시간대, 2038년 문제

로그에 찍힌 1700000000이 언제인지, 왜 어떤 시스템은 13자리 숫자를 쓰는지, 왜 시간이 9시간씩 어긋나는지. 시간 버그의 대부분은 몇 가지 개념만 알면 피할 수 있습니다.

유닉스 타임스탬프(유닉스 시간, 에포크 시간)는 1970년 1월 1일 0시 0분 0초 UTC로부터 몇 초가 지났는지를 하나의 정수로 나타낸 것입니다. 이 기준 시점을 '유닉스 에포크'라고 부릅니다. 0은 1970-01-01 00:00:00 UTC, 1700000000은 2023-11-14 22:13:20 UTC입니다.

0           → 1970-01-01 00:00:00 UTC
1700000000  → 2023-11-14 22:13:20 UTC
1735689600  → 2025-01-01 00:00:00 UTC
2147483647  → 2038-01-19 03:14:07 UTC
유닉스 타임스탬프의 정의, 10자리와 13자리의 차이, UTC와 한국 시간(KST) 변환, 서머타임과 2038년 문제까지 개발자가 꼭 알아야 할 시간 처리 지식을 정리합니다.
가이드 읽기 →
AI로 직접 만들기

이 도구를 AI로 직접 만들어 보세요

나만의 버전이 필요하다면 아래 작업지시 프롬프트를 AI 채팅에 붙여 넣거나, 스킬 파일을 AI 코딩 에이전트에 저장하세요. 저희가 이 도구를 만들 때 정리한 기능, 예외 상황, 테스트 케이스가 그대로 담겨 있습니다.

AI 작업지시 프롬프트

Claude, ChatGPT, Gemini 같은 AI 채팅에 그대로 붙여 넣으세요.

당신은 숙련된 풀스택 웹 개발자입니다. 아래 요구사항에 맞춰 "타임존 계산기" 웹 도구를 만들어 주세요.

## 목표

한 도시의 날짜·시각을 여러 시간대의 현지 시각으로 바꿔 보여 주는 도구를 만든다.

## 핵심 기능

- 기준 시간대와 날짜·시각 입력
- 여러 도시(IANA 시간대) 추가·삭제
- UTC 오프셋과 서머타임 적용 여부 표시
- 업무 시간(9~18시) 겹침 강조
- 결과 표 복사

## 입력

- 기준 시간대, 날짜, 시각
- 비교할 시간대 목록

## 출력

- 시간대별 현지 날짜·시각
- 기준 대비 시차

## 예외 상황과 처리 규칙

- 날짜가 바뀌는 경우(+1일, −1일) 명확히 표시
- 서머타임 시작·종료일 전후 시차 변화
- 30분·45분 단위 오프셋(인도, 네팔) 처리
- 고정 오프셋 대신 IANA 이름 사용

## 구현 조건

- 서버 없이 브라우저에서 동작하는 단일 페이지(HTML, CSS, JavaScript)로 만들고, 입력 데이터를 외부로 전송하지 마세요.
- 모바일에서도 쓰기 편한 반응형 UI로 만들고, 입력 요소에는 레이블을 달아 키보드로도 조작할 수 있게 해 주세요.
- 결과에는 '복사' 버튼을 달고, 잘못된 입력에는 이해하기 쉬운 한국어 오류 메시지를 보여 주세요.
- 핵심 로직은 UI와 분리된 함수로 작성해 단위 테스트를 할 수 있게 해 주세요.

## 완료 기준 (테스트 케이스)

- 2026-01-15 09:00 Asia/Seoul → 2026-01-14 19:00 America/New_York
- 2026-07-15 09:00 Asia/Seoul → 2026-07-14 20:00 America/New_York
- Asia/Kolkata는 +05:30

먼저 구현 계획을 5줄 이내로 설명한 다음 전체 코드를 작성하고, 마지막에 위 테스트 케이스를 확인하는 방법을 알려 주세요.

스킬 (SKILL.md)

Claude Code 같은 AI 코딩 에이전트에서 .claude/skills/build-timezone-calculator/SKILL.md 경로로 저장하면, 이 도구를 만들거나 고칠 때마다 다시 쓸 수 있습니다.

---
name: build-timezone-calculator
description: 타임존 계산기 도구를 새로 만들거나 수정할 때 사용합니다. 한 도시의 날짜·시각을 여러 시간대의 현지 시각으로 바꿔 보여 주는 도구를 만든다.
---

# 타임존 계산기 만들기

## 목표

한 도시의 날짜·시각을 여러 시간대의 현지 시각으로 바꿔 보여 주는 도구를 만든다.

## 작업 순서

1. 아래 필수 기능, 입력, 출력을 확인하고 빠진 정보가 있으면 먼저 질문합니다.
2. 핵심 로직을 UI와 분리된 순수 함수로 구현합니다.
3. 검증 목록의 테스트 케이스로 로직을 확인합니다.
4. 입력 폼, 결과 영역, 복사 버튼을 갖춘 반응형 UI를 만듭니다.
5. 규칙에 적힌 예외 상황을 하나씩 재현해 보고 오류 메시지를 다듬습니다.

## 핵심 기능

- 기준 시간대와 날짜·시각 입력
- 여러 도시(IANA 시간대) 추가·삭제
- UTC 오프셋과 서머타임 적용 여부 표시
- 업무 시간(9~18시) 겹침 강조
- 결과 표 복사

## 입력

- 기준 시간대, 날짜, 시각
- 비교할 시간대 목록

## 출력

- 시간대별 현지 날짜·시각
- 기준 대비 시차

## 규칙

- 날짜가 바뀌는 경우(+1일, −1일) 명확히 표시
- 서머타임 시작·종료일 전후 시차 변화
- 30분·45분 단위 오프셋(인도, 네팔) 처리
- 고정 오프셋 대신 IANA 이름 사용
- 서버 없이 브라우저에서 동작하는 단일 페이지(HTML, CSS, JavaScript)로 만들고, 입력 데이터를 외부로 전송하지 마세요.

## 검증

- [ ] 2026-01-15 09:00 Asia/Seoul → 2026-01-14 19:00 America/New_York
- [ ] 2026-07-15 09:00 Asia/Seoul → 2026-07-14 20:00 America/New_York
- [ ] Asia/Kolkata는 +05:30

AI에게 맡길 때 팁

  • 첫 줄에 사용 중인 기술(예: React, Vue, 순수 HTML)을 적으면 프로젝트에 맞는 코드를 받을 수 있습니다.
  • 코드를 받기 전에 목록의 테스트 케이스를 실제로 실행하고 결과를 보여 달라고 요청하세요.
  • 실제 비밀번호, 고객 데이터, API 키는 프롬프트에 넣지 말고 예시 값으로 바꿔 쓰세요.