eunhojoo.com

role — solo builder

period — 2026.06 — 현재

stack — next.js · tailwind css · supabase

overview

지금 보고 있는 이 사이트입니다. 템플릿 없이 밑바닥부터 직접 설계하고 만들었습니다. 왼쪽 고정 사이드바와 스크롤에 따라 회전하는 나침반이 특징입니다.

Next.js App Router와 Tailwind CSS로 만들었고, 앞으로 diary를 Supabase 기반으로 옮겨 글을 직접 발행할 수 있게 확장할 계획입니다.

문제 · 정적 프로토타입의 인터랙션을 React로 옮기기

해결 · scroll-spy와 나침반 회전을 context 기반 훅으로 재설계해, 데스크톱(내부 스크롤)과 모바일(윈도우 스크롤) 모두에서 동작하도록 개선.

문제 · 페이지마다 중복되던 스타일 관리

해결 · 디자인 토큰을 Tailwind 테마로 정리하고, 반복 패턴을 컴포넌트로 분리해 페이지 추가가 쉬운 구조로 변경.