지구본을 스테이블코인 소식으로 가득 채울때까지

동기

최근 스테이블코인 관련 뉴스가 쏟아지면서, 각 국가별로 어떤 변화나 마일스톤이 있었는지 추적하기가 점점 어려워졌다. 그래서 국가별 스테이블코인 관련 뉴스를 한눈에 확인할 수 있는 웹사이트가 있으면 좋겠다는 생각이 들었고, 지난 주말을 활용해 이를 만들어보았다.

Stablemap을 만들게 된 또 다른 이유는 바이브 코딩에 더 익숙해지기 위해서이다. 요즘은 실제 무언가를 구현하는 기술적 진입장벽이 점점 낮아지고 있지만, 막상 이를 실천하는 데 있어서는 오히려 심리적인 장벽이 더 크게 작용하는 것 같다. 간단한 프로젝트라도 직접 만들어보는 경험이 이러한 심리적 장벽을 허무는 데 도움이 될 것 같았고, 앞으로는 해커톤에도 조금 더 적극적으로 참여해볼 계획이다.

Stablemap 소개

Stablemap은 국가별로 스테이블코인 관련 뉴스를 확인할 수 있는 웹사이트이다. 중앙에 있는 지구본을 돌려 원하는 국가를 클릭하면, 해당 국가와 관련된 뉴스를 확인할 수 있다. 각 뉴스는 규제와 사업 동향으로 나뉘며, 간단한 요약, 일자, 출처가 함께 제공된다.

이 웹사이트를 기획하면서 가장 신경 쓴 부분은 지구본이었다. 사실 검색을 통해 국가명을 입력하고 관련 뉴스를 조회하는 방식만으로도 기능적으로는 충분하다. 그럼에도 굳이 3D 지구본을 넣은 이유는 단순히 ‘한 번쯤 해보고 싶었기’ 때문이다. 예전부터 인터랙티브한 3D UX를 적용한 웹사이트가 인상 깊었고, 그걸 직접 구현해보고 싶었다. 대신 이로 인해 로딩 속도가 느려지고 모바일 최적화가 부족한 단점도 감수해야 했다.

전체 코드는 Cursor로 작성했으며, 3D 지구본 구현에는 Globe.GL을, 정보 업데이트는 Notion API를 활용했다. 현재는 내 노션 페이지의 데이터베이스에 국가별 정보를 추가한 뒤, 웹사이트를 재배포하는 방식으로 업데이트가 이루어진다. Notion API가 마크다운을 완전히 지원하지 않기 때문에, Notion-to-MD 라이브러리를 함께 사용하였다. 배포는 원래 Vercel을 사용하려 했지만, 계정이 잠겨 Railway를 통해 진행했다.

앞으로

현재는 매주 주말마다 그 주에 있었던 스테이블코인 뉴스를 업데이트할 계획이다. 그 외 보완하고 싶은 부분은 다음과 같다: