세계 시간 시계 - 전 세계 도시 시간을 실시간으로

주요 기능

• 실시간 세계 지도: D3.js로 만든 벡터 세계 지도가 테마 색상으로 모든 대륙을 그려냅니다. 태양의 직하점(subsolar point)을 기준으로 밤 영역을 실시간으로 음영 처리하기 때문에 해가 진 지역을 눈으로 바로 확인할 수 있습니다.
• 1,300개 이상 도시, 모든 IANA 시간대: UTC+5:30(콜카타), UTC+9:30(애들레이드), UTC+12:45(채텀 제도) 같은 특이한 시간대까지 포함해 거의 모든 시간대를 검색할 수 있습니다.
• 낮/밤 카드: 각 도시 카드는 그 도시가 낮이면 밝게, 밤이면 어둡게 표시됩니다. 숫자만 보는 것보다 훨씬 빠르게 직관적으로 파악할 수 있어요.
• 지도에서 호버 및 클릭: 카드에 마우스를 올리면 지도의 핀과 툴팁이 강조됩니다. 클릭하면 강조 상태가 고정되어 화면 공유나 스크린샷에서 도시를 가리킬 때 유용합니다. 지도 바깥을 클릭하면 해제됩니다.
• 드래그 앤 드롭으로 순서 변경: 원하는 위치로 카드를 드래그하세요. 순서는 사용자 마음대로 - 내가 사는 도시를 맨 앞에 두고 자주 확인하는 도시를 이어서 배치할 수 있습니다.
• 로컬 저장: 도시 목록, 순서, 테마 모두 브라우저의 localStorage에 저장됩니다. 계정도, 서버도, 추적도 없습니다.
• 서머타임 자동 처리: 각 도시에 IANA 시간대(예: America/New_York)가 태깅되어 있어 브라우저가 DST 전환을 알아서 처리합니다. 1년에 두 번 수동으로 바꿀 필요가 없어요.
• 모든 기기 지원: 데스크톱에서는 전체 지도와 드래그 앤 드롭을 사용할 수 있고, 모바일에서는 읽기 전용 지도와 한 줄 카드 목록 위에 검색창이 배치됩니다. 카드는 탭하기 좋게 디자인되어 있고 삭제 버튼도 명확합니다.
• 8가지 테마 색상: 다크, 라이트, 레드, 틸, 블루, 퍼플, 그린, 슬레이트. 세계 시계는 stopwatch-online.com의 다른 도구들과 동일한 테마를 사용합니다.
• 오프라인 작동: 페이지가 한 번 로드되면 인터넷 연결 없이도 세계 시계가 계속 작동하고 지도의 밤 영역도 갱신됩니다.

세계 시계 사용 방법

1단계: 도시 추가하기

데스크톱에서는 지도 왼쪽 위 검색창에, 모바일에서는 카드 위쪽 검색창에 도시 이름을 입력하세요. 타이핑하는 동안 일치하는 도시가 드롭다운에 표시되니 한 번 클릭으로 추가할 수 있습니다. + 버튼을 눌러 강조된 추천 도시를 추가할 수도 있습니다.

2단계: 현지 시간 확인하기

도시를 추가하면 세계 지도에 작은 핀이 찍히고 아래에 카드가 생성됩니다. 각 카드에는 도시명, 국가, 현재 현지 시간, 오늘 날짜가 표시됩니다. 밝은 카드 = 낮, 어두운 카드 = 한밤중입니다.

3단계: 호버 또는 클릭으로 상세 정보 보기

카드에 마우스를 올리면 지도의 해당 핀이 켜지고 도시 풀네임이 툴팁으로 표시됩니다. 카드를 클릭하면 강조가 고정되고 페이지도 지도까지 다시 스크롤됩니다. 지도 바깥이나 다른 카드를 클릭하면 해제됩니다. 지도 위 핀에 직접 마우스를 올려도 같은 동작이 일어납니다.

4단계: 드래그로 순서 바꾸기

마우스로 카드를 누른 채 원하는 위치로 드래그한 다음 놓으면 새 순서가 즉시 저장됩니다. 내가 사는 도시를 맨 앞에 두거나 권역별로 도시를 묶기에 가장 편한 방법입니다.

5단계: 도시 삭제하기

카드에 마우스를 올리면 왼쪽 위에 작은 × 버튼이 나타납니다. 클릭하면 해당 카드와 지도의 핀이 함께 삭제됩니다. 모바일에서는 × 버튼이 항상 보입니다.

온라인 세계 시계, 이럴 때 쓰세요

원격 근무 및 글로벌 팀

팀원들이 여러 나라에 흩어져 있다면 머릿속으로 시차를 계산하는 것보다 세계 시계가 훨씬 빠릅니다. 새벽 3시에 동료에게 메시지를 보내는 실수도 피할 수 있죠. 동료들의 도시를 추가하고 내가 사는 도시를 맨 앞에 두면 누가 지금 자리에 있는지 한눈에 보입니다.

해외 미팅 일정 잡기

샌프란시스코 오전 9시가 도쿄에 전화하기에는 너무 늦은 시간일까요? 두 도시를 추가하면 바로 알 수 있습니다. 어둡게/밝게 표시된 음영을 보면 어느 쪽이 편안히 깨어 있고 어느 쪽이 졸린 상태일지도 한눈에 파악할 수 있어 미팅 호스트를 정할 때 도움이 됩니다.

해외에 있는 가족과 친구

"엄마 사는 곳은 지금 몇 시지?" - 한 번 보면 끝납니다. 도시를 한 번만 추가해 두면 더 이상 +7시간, +12시간을 머릿속으로 계산할 필요가 없습니다.

여행 계획

비행기 타기 전에 목적지 도시를 추가해 두면 시차에 미리 적응할 수 있습니다. 도착 후 시차 적응에도 도움이 돼요. 내 몸이 느끼는 시간과 현지 시계가 가리키는 시간을 비교하는 것만으로도 시차 극복의 절반은 해결됩니다.

트레이딩과 금융 시장

많은 금융 시장이 현지 거래소 시간대로 개장 시간을 표시합니다(예: 도쿄 증시 09:00 JST). 관련 도시를 추가해 두면 항상 올바른 시간대로 시간을 확인할 수 있고 서머타임도 자동으로 반영됩니다.

스포츠, e스포츠, 실시간 중계

"한국 시간으로 경기 몇 시 시작?" - 경기가 20:00 CET로 공지됐다면 베를린과 서울을 함께 추가해 두면 두 도시 시간을 나란히 확인할 수 있습니다.

세계 시계는 어떻게 작동할까요

• 지도는 국경선이 담긴 GeoJSON 파일을 바탕으로 D3.js로 그린 단일 SVG입니다. 등장방형 도법(equirectangular projection)을 사용해 위도와 경도가 픽셀에 그대로 매핑되므로 핀 배치가 간단합니다.
• 지도의 밤 영역은 반태양점(antisolar point), 즉 태양의 정반대 지점을 중심으로 한 반경 90도의 지리적 원으로 그려집니다. NOAA가 공개한 태양 위치 계산법(태양 적위 + 균시차 + 컴퓨터의 UTC 시계)을 그대로 사용하며 1분에 한 번 업데이트됩니다.
• 데이터베이스의 각 도시에는 IANA 시간대가 태깅되어 있습니다. 브라우저는 Intl.DateTimeFormat({ timeZone: ... })을 통해 UTC를 현지 시간으로 변환하므로 DST 규칙은 브라우저의 tz 데이터베이스를 따라 자동으로 최신 상태를 유지합니다.
• 선택한 도시, 순서, 테마는 localStorage에 저장됩니다. 어떤 정보도 서버로 전송되지 않습니다.

활용 팁

• 내가 사는 도시를 맨 앞에 두세요. 1번 자리에 두면 다른 모든 카드를 "내 시간"과의 차이로 자연스럽게 읽을 수 있습니다.
• 권역별로 묶어 보세요. 아시아 도시, 유럽 도시, 미주 도시를 그룹으로 배치하면 카드 그리드가 자동으로 줄바꿈되어 시각적 리듬이 생기고 훨씬 보기 편합니다.
• 클릭 고정 기능을 활용하세요. 화상 회의에서 화면을 공유할 때 카드를 클릭해 두면 핀 강조가 유지되어 상대방이 어느 도시인지 정확히 볼 수 있습니다.
• 지도의 음영은 진짜입니다. 지도를 가로지르는 어두운 띠는 지금 이 순간의 새벽/황혼 경계선입니다. 도시 핀이 이 어두운 띠 안에 들어있다면 일몰이 곧 일어나거나 막 시작된 상태입니다.
• 카드는 순서를 기억합니다. 당장 필요 없는 도시는 망설이지 말고 맨 아래로 보내세요. 브라우저별로 이전 순서가 저장됩니다.

자주 묻는 질문