지도로 보는 무료 세계 시계

주요 기능

• 실시간 세계 지도: D3.js로 그린 세계 지도에 지금 밤인 지역이 어둡게 표시됩니다. 태양의 위치를 계산해서 그리기 때문에 어디에서 해가 졌는지 지도에서 바로 보입니다.
• 580개가 넘는 도시: 지금 세계에서 쓰는 UTC 시차 37가지를 빠짐없이 담았습니다. UTC+5:45(카트만두), UTC+8:45(유클라), UTC+12:45(채텀 제도)처럼 정시나 30분 단위가 아닌 곳도 검색됩니다.
• 낮/밤 카드: 그 도시에 해가 떠 있으면 카드가 밝고, 해가 지면 어두워집니다. 숫자를 읽기 전에 색만 봐도 낮인지 밤인지 알 수 있습니다.
• 지도에 위치 표시: 카드에 마우스를 올리면 지도에서 그 도시의 핀이 켜지고, 클릭하면 켜진 채로 고정됩니다.
• 드래그로 순서 변경: 카드를 마우스로 끌어 원하는 자리에 놓으면 순서가 바뀌고, 바뀐 순서는 그대로 저장됩니다.
• 서머타임 자동 반영: 도시마다 IANA 시간대(예: America/New_York)가 지정되어 있어서 서머타임이 시작되고 끝나는 날도 브라우저가 알아서 맞춥니다. 1년에 두 번 직접 고칠 일이 없습니다.
• PC와 휴대폰 모두 지원: PC에서는 전체 지도와 드래그 정렬을 쓸 수 있습니다. 휴대폰에서는 지도는 보기만 가능하고, 검색창 아래로 카드가 한 줄씩 나옵니다.
• 8가지 테마 색상: 다크, 라이트, 레드, 틸, 블루, 퍼플, 그린, 슬레이트 중에서 고를 수 있습니다. 테마를 바꾸면 지도의 육지와 바다 색도 같이 바뀝니다.
• 연결이 끊겨도 계속 작동: 페이지를 한 번 연 뒤에는 인터넷이 끊겨도 시계가 계속 가고 지도의 밤 영역도 바뀝니다.

세계 시계 사용 방법

1단계: 도시 추가하기

PC에서는 지도 왼쪽 위의 검색창에, 휴대폰에서는 카드 위의 검색창에 도시 이름을 입력하세요. 입력하는 동안 맞는 도시가 목록으로 나오고, 하나를 클릭하면 바로 추가됩니다. 키보드만 써도 됩니다. 방향키로 목록을 움직이고 Enter를 누르면 선택된 도시가 추가됩니다.

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

도시를 추가하면 세계 지도에 작은 핀이 찍히고, 아래에 카드가 하나 생깁니다. 카드에는 도시 이름과 나라, 현지 시간, 오늘 날짜가 나옵니다. 카드가 밝으면 그곳은 낮이고, 어두우면 해가 진 뒤입니다.

3단계: 지도에서 위치 확인하기

카드에 마우스를 올리면 지도에서 그 도시의 핀이 켜지고 도시 이름이 작은 말풍선으로 뜹니다. 지도 위의 핀에 직접 마우스를 올려도 똑같습니다. 카드를 클릭하면 핀이 켜진 채로 고정되고, 페이지가 지도 쪽으로 올라갑니다. 다른 카드를 클릭하면 고정이 그 카드로 옮겨 갑니다. 카드가 아닌 곳을 클릭하면 고정이 풀리는데, 지도 위를 클릭해도 마찬가지입니다.

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

PC에서 카드를 마우스로 누른 채 원하는 자리로 끌어다 놓으세요. 바뀐 순서는 바로 저장됩니다.

5단계: 도시 삭제하기

PC에서는 카드에 마우스를 올리면 왼쪽 위에 작은 × 버튼이 나타납니다. 누르면 카드와 지도의 핀이 함께 사라집니다. 휴대폰에서는 × 버튼이 항상 보입니다.

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

재택근무와 해외 팀

팀원이 여러 나라에 흩어져 있으면 머릿속으로 시차를 계산하는 것보다 세계 시계를 보는 편이 빠릅니다. 상대방은 새벽 3시인데 메시지를 보내는 실수도 줄일 수 있습니다. 팀원들이 사는 도시를 추가해 두면 지금 근무 시간인 사람이 누구인지 바로 보입니다.

해외 미팅 일정 잡기

지금 서울이 오후 4시라면 뉴욕은 몇 시일까요? 두 도시를 추가해 두면 계산할 필요 없이 바로 보입니다. 카드 색을 보면 상대 쪽이 아직 밤인지도 알 수 있어서 회의 시간을 정할 때 도움이 됩니다.

해외에 있는 가족과 친구

해외에 사는 가족에게 전화하기 전에 "지금 거기는 몇 시지?" 하고 따져 볼 필요가 없습니다. 도시를 한 번 추가해 두면 몇 시간을 더하고 빼는 계산 없이 화면만 보면 됩니다.

여행 계획

출발 전에 여행지 도시를 추가해 두면 현지가 지금 몇 시인지 늘 볼 수 있어서 시차에 미리 대비하기 좋습니다. 도착한 뒤에도 한국 시간과 현지 시간을 나란히 보면서 시차 적응에 참고할 수 있습니다.

해외 주식과 금융 시장

증권거래소는 보통 자기 나라 시간으로 개장 시간을 알립니다. 예를 들어 뉴욕 증시는 뉴욕 시간 오전 9시 30분에 열립니다. 뉴욕을 추가해 두면 지금 현지가 몇 시인지 바로 보이고, 서머타임도 자동으로 반영됩니다.

해외 축구와 e스포츠 중계

경기 시간이 현지 시간으로만 나와 있을 때가 많습니다. 런던 경기가 저녁 8시에 시작한다면 런던과 서울을 나란히 두고 지금 몇 시간 차이인지 보세요. 한국 시간으로 언제인지 금방 알 수 있습니다.

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

• 지도는 국경선이 담긴 GeoJSON 파일을 D3.js로 그린 SVG 한 장입니다. 위도와 경도를 그대로 가로세로 좌표로 쓰는 등장방형 도법(equirectangular projection)이라서 핀 위치를 계산하기 쉽습니다.
• 지도의 밤 영역은 반태양점, 즉 지구에서 태양의 정반대편에 있는 지점을 중심으로 반지름 90도인 원입니다. 이 지점은 태양의 적위와 균시차라는 두 가지 공식에 컴퓨터의 UTC 시계를 넣어 계산하며, 1분에 한 번 새로 그립니다.
• 각 도시에는 IANA 시간대가 지정되어 있습니다. 브라우저가 Intl.DateTimeFormat({ timeZone: ... })으로 UTC를 현지 시간으로 바꾸기 때문에 서머타임 규칙은 브라우저에 들어 있는 시간대 데이터를 따르고, 브라우저를 업데이트하면 함께 최신으로 유지됩니다.
• 추가한 도시와 순서, 테마는 브라우저의 localStorage에 저장됩니다. 이 정보는 서버로 보내지 않습니다.

활용 팁

• 내가 사는 도시를 맨 앞에 두세요. 첫 번째 카드를 기준으로 다른 도시가 몇 시간 빠르고 느린지 읽기 쉬워집니다.
• 아시아, 유럽, 미주처럼 지역별로 모아 두면 카드를 훑어보기가 훨씬 편합니다.
• 화상 회의에서 화면을 공유할 때는 카드를 클릭해 두세요. 핀이 켜진 채로 고정되어 상대방도 어느 도시 이야기인지 바로 알 수 있습니다.
• 지도의 어두운 부분은 지금 해가 진 쪽입니다. 그 경계선이 해가 뜨고 지는 선이라서, 경계 바로 안쪽에 있는 핀은 방금 해가 졌거나 곧 해가 뜨는 곳입니다.
• 검색창을 비워 둔 채로 클릭하면 인기 도시 목록이 바로 나옵니다. 싱가포르나 토론토 같은 도시는 입력하지 않고 클릭 한 번으로 추가할 수 있습니다.

자주 묻는 질문