1차 공개일 · 8월 18일1차 강의가 모두 공개됩니다
TECH 으로 돌아가기
TECH HACKER NEWS 오늘 5분 읽기 26 READS

태양시계 'Sun Clock': 위치 기반 일출·황혼·달을 담은 24시간 웹 시계

디지털 시계와 스마트폰 시계 대부분은 12시간을 두 바퀴 도는 방식으로 하루를 표현한다. 반면 'Sun Clock'은 하루 전체를 한 바퀴에 담는 24시간 시계로, 시각을 알려주는 것을 넘어 지금 내가 있는 위치에서 태양과 달이 어디에 있는지를 시각화한다. 화면에는 태양의 위치와 함께 일출, 남중(solar noon), 일몰, 골든아워, 박명(twilight) 시간이 표시되고, 달의 위치와 위상, 월출·월몰 시각도 함께 나타난다. 광고가 없고 무료이며, 별도 설치 없이 웹 브라우저에서 바로 동작한다는 점이 특징이다.

실무자 입장에서 먼저 눈여겨볼 부분은 데이터 처리 방식이다. Sun Clock은 사용자의 위치와 설정값을 서버로 보내지 않고 브라우저 안에만 저장한다. 쿠키를 저장하거나 전송하지 않으며, 수집하는 것은 집계된 사용 통계뿐이라고 밝히고 있다. 위치 정보처럼 민감한 데이터를 로컬에 두고 서버 전송을 배제하는 구조는, 위치 기반 기능을 제공하면서도 개인정보 노출을 최소화하려는 프라이버시 우선 설계의 한 예로 볼 수 있다.

반시계 방향이라는 낯선 선택

이 시계에서 가장 흥미로운 설계 결정은 회전 방향이다. 북반구에서는 태양이 하늘을 시계 방향으로 가로지르지만, 남반구에서는 반대로 반시계 방향으로 움직인다. Sun Clock은 이를 반영해 사용자의 위도에 따라 회전 방향을 자동으로 정한다. 즉 남반구 사용자에게는 시계가 '거꾸로' 도는 셈이며, 원하면 설정에서 방향을 바꿀 수 있다. 시계가 나오기 전 시대에 시계 방향은 '태양을 따르는(sunwise)' 방향으로 불렸고, 반대 방향은 '거스르는 길(widdershins)'로 불렸다는 배경 설명도 함께 제공된다.

제작자는 여기서 한발 더 나아가, 화면을 실제 하늘과 정렬하는 방법을 제안한다. 남쪽을 바라볼 때는 시계 방향, 북쪽을 바라볼 때는 반시계 방향으로 두고 일출이 동쪽에 오도록 맞추라는 것이다. 화면을 황도면에 눕히고 남중을 위쪽에 두면 시침이 실제 하늘에서 움직이는 태양의 궤적을 따라가게 된다. 정확한 각도를 맞추는 일은 사용자의 몫으로 남겨두었지만, 이는 추상적인 시각 표시를 물리적 현실과 연결하려는 의도를 잘 보여준다.

상호작용과 기능

조작 방식은 직관적이다. 시계의 각 구간을 탭하거나 마우스를 올리면 해당 구간의 시작·종료 시각이 표시되며, 달과 시침, 중앙 점에도 같은 방식으로 상호작용할 수 있다. 최근 업데이트에서는 기본값인 부드럽게 움직이는 스위프 초침 외에 똑딱거리는 초침 옵션이 추가됐고, 시계 판에 홀수를 표시하는 선택지, 그리고 '12시간제 사용' 설정이 시계 판 숫자에도 적용되도록 하는 개선이 이뤄졌다. 최신 사파리에서 달 아이콘이 잘못 표시되던 버그도 수정됐다.

기능적으로는 연간 캘린더가 추가되어 하루 단위를 넘어선 조망도 가능해졌고, 시간대에 따라 색이 동적으로 바뀌는 자동 색상 모드도 들어갔다. 또한 Sun Clock은 프로그레시브 웹 앱(PWA)으로 제공되어, 기기 홈 화면에 설치하면 오프라인에서도 사용할 수 있다. 브라우저 기반이면서도 네이티브 앱에 가까운 사용성과 오프라인 접근성을 확보한 것이다.

실무적으로 보면 이 도구는 사진가처럼 골든아워와 박명 시각이 중요한 사람, 야외 활동이나 촬영 일정을 태양·달의 주기에 맞춰야 하는 사람에게 실용적인 참고 도구가 될 수 있다. 동시에 이 프로젝트는 웹 기술만으로도 위치 기반 시각화, 로컬 우선 데이터 처리, PWA 오프라인 지원을 어떻게 결합할 수 있는지 보여주는 작은 사례이기도 하다. 다만 제공되는 정보는 어디까지나 브라우저가 파악한 위치에 의존하며, 서버 연동이나 계정 기반 동기화 같은 기능은 배제되어 있다는 점은 사용 목적에 따라 한계로 작용할 수 있다.

SOURCE · HACKER NEWS
원문 전체 보기 → https://sunclock.net/
SHARE
NEXT · CHOOSE

변화를 읽었다면,
내가 만들 수익 구조를 고릅니다.

정보를 더 모으는 데서 멈추지 않고, 광고·외주·판매·중개·구독 중 내 상황에 맞는 출발점을 정해보세요.

21가지 수익 구조 살펴보기
처리 중...