블로그로 돌아가기
뉴스 & 업데이트

웹사이트를 처음부터 다시 만들었습니다: 새로워진 Sober Tracker 사이트를 소개합니다

Trifoil Trailblazer
3 분 읽기

Sober Tracker 웹사이트를 처음부터 완전히 새롭게 디자인하고 다시 만들었다는 소식을 전하게 되어 기쁩니다. 최근에 사이트를 방문하셨다면, 모습이 조금 달라지고 훨씬 매끄럽게 작동한다는 것을 느끼셨을지도 모릅니다.

정적 HTML에서 최신 기술로

이전 웹사이트는 정적 HTML로 만들어졌습니다. 처음에는 그 방식이 잘 맞았지만, 앱이 성장하고 커뮤니티가 전 세계로 확장되면서 더 강력하고 유연한 무언가가 필요해졌습니다.

이제 인터넷에서 가장 큰 웹사이트들을 떠받치고 있는 최신 React 프레임워크인 Next.js로 사이트 전체를 다시 만들었습니다. 단순한 시각적 새단장이 아니라, 여러분의 경험을 크게 개선하는 완전한 기술적 재구축입니다.

새로워지고 개선된 점

번개처럼 빠른 성능

새 사이트는 이전보다 훨씬 빠르게 로딩됩니다. Next.js의 최적화된 이미지 로딩, 코드 분할, 서버 사이드 렌더링 덕분에 페이지가 거의 즉시 열립니다. 빠른 인터넷이든 모바일 데이터든, 그 차이를 느끼실 수 있을 겁니다.

다국어 지원

가장 큰 추가 기능 중 하나는 완전한 다국어화입니다. 이제 웹사이트는 다음 언어로 이용하실 수 있습니다.

  • 영어 (English)
  • 스페인어 (Español)
  • 러시아어 (Русский)
  • 포르투갈어 (Português)
  • 일본어 (日本語)
  • 중국어 (中文)

전 세계에 있는 우리 커뮤니티를 생각하며 만들었습니다. 회복에는 국경이 없으며, 그것을 돕는 자료에도 국경이 있어서는 안 됩니다.

더 나은 모바일 경험

기존 사이트도 모바일에서 작동했지만, 새 디자인은 진정한 모바일 우선 설계입니다. 내비게이션 메뉴부터 스크린샷 캐러셀까지 모든 요소가 터치 스크린과 작은 화면에 맞게 최적화되었습니다.

인터랙티브 기능

Sober Tracker 앱이 무엇을 할 수 있는지 보여주는 여러 인터랙티브 요소를 추가했습니다.

  • 스크린샷 캐러셀: 실제 휴대폰 목업 안에서 실제 앱 스크린샷을 둘러볼 수 있습니다
  • 금주 정원 미리보기: 가상 정원 기능이 어떻게 작동하는지 확인할 수 있습니다
  • 절약 계산기: 술을 끊으면 얼마나 많은 돈을 아낄 수 있는지 가늠해 볼 수 있습니다

개선된 블로그 경험

지금 읽고 계신 이 글도 새롭게 디자인된 블로그에 담겨 있습니다. 더 나은 타이포그래피, 더 빠른 로딩, 글과 글 사이를 더 쉽게 오갈 수 있는 내비게이션으로 읽는 경험을 개선했습니다.

왜 이런 변화를 결심했을까요

웹사이트를 처음부터 새로 만드는 일은 결코 작은 작업이 아닙니다. 그런데 왜 우리는 그렇게 했을까요?

성장하는 글로벌 커뮤니티

우리 앱은 전 세계 사람들이 사용합니다. 여러 언어를 지원해 달라는 요청을 받았는데, 정적 HTML 사이트에 제대로 된 다국어화를 구현하는 것은 유지보수의 악몽이 되었을 겁니다. Next.js는 다국어 지원을 깔끔하고 관리하기 쉽게 만들어 줍니다.

더 나은 개발 환경

최신 도구는 새로운 기능과 콘텐츠를 더 빠르게 추가할 수 있다는 뜻입니다. 블로그 글을 쓰고, 번역을 업데이트하고, 사이트를 개선하는 일이 이제 훨씬 수월해졌습니다. 이는 곧 여러분을 위한 더 잦은 업데이트와 더 나은 콘텐츠로 이어집니다.

미래를 위한 대비

웹 개발 환경은 빠르게 변합니다. 최신 프레임워크로 옮겨 옴으로써, 앞으로 등장할 새로운 기능과 개선 사항을 자연스럽게 활용할 수 있는 자리에 서게 되었습니다.

변하지 않는 것

겉으로 드러나지 않는 기술은 크게 바뀌었지만, 우리의 핵심 사명은 그대로입니다. 여러분이 자신의 여정에서 꾸준히 책임감을 지킬 수 있도록 돕는, 단순하고 집중력 있으며 개인정보를 존중하는 금주 트래커를 제공하는 것입니다.

앱 자체는 바뀌지 않았습니다. 이번 업데이트는 오로지 웹사이트에 관한 것입니다. Sober Tracker 안에서는 여러분이 늘 의지해 온, 군더더기 없고 방해 요소 없는 그 깔끔한 기록 경험을 그대로 만나실 수 있습니다.

궁금한 분들을 위한 기술적 세부 사항

기술적인 면이 궁금하신 분들을 위해 정리했습니다.

  • 프레임워크: Next.js와 React
  • 스타일링: 반응형, 유틸리티 우선 디자인을 위한 Tailwind CSS
  • 애니메이션: 부드럽고 성능 좋은 애니메이션을 위한 Framer Motion
  • 다국어화: 견고한 다국어 지원을 위한 next-intl
  • 콘텐츠: 블로그 글을 위한 MDX로, React 컴포넌트를 활용한 풍부한 콘텐츠 구현

앞으로의 계획

이번 재구축은 미래를 위한 많은 가능성을 열어 줍니다. 더 많은 언어를 추가하고, 금주에 관한 교육 콘텐츠를 더 많이 만들며, 사용자 경험을 계속 개선해 나갈 계획입니다.

웹사이트나 보고 싶은 콘텐츠에 대한 제안이 있으시다면, 꼭 들려주세요. 여러분의 피드백이 우리가 만드는 것의 방향을 잡아 줍니다.

감사합니다

처음부터 함께해 주신 분이든 오늘 처음 우리를 발견하신 분이든, Sober Tracker를 응원해 주신 모든 분께 감사드립니다. 술 없이 보낸 하루하루는 축하받아 마땅한 승리이며, 여러분의 여정에 작게나마 함께할 수 있다는 것이 우리에게는 영광입니다.

하루하루, 계속되는 나아감을 위하여.


나만의 금주 여정을 기록할 준비가 되셨나요? 지금 iOSAndroid에서 Sober Tracker를 내려받으세요.

오늘 금주 여정을 시작하세요

Sober Tracker를 다운로드하고 술 없는 삶으로 가는 길의 주도권을 잡으세요.

Download on App StoreGet it on Google Play