MORTALS LOG
2026.01 - 현재
총괄 / 기획 / 디자인 / 프론트엔드 개발 / 백엔드 개발
📌 개요
가수 천진우의 활동 정보를 체계적으로 정리하고 팬들에게 전달하기 위한 개인 아카이빙 사이트입니다. 프로필과 앨범 디스코그래피, 곡 정보, 활동 일정 캘린더, 공지사항을 반응형 웹으로 제공합니다.🛠 기술 스택
ReactTypeScriptViteEmotionFramer MotionReact RouterStorybook
👥 팀원 및 역할
조희우
총괄 / 기획 / 디자인 / 프론트엔드 개발 / 백엔드 개발
🛠 내가 맡은 역할
- Vite와 TypeScript를 기반으로 한 프론트엔드 프로젝트 아키텍처 및 디자인 시스템 설계
- Framer Motion을 활용한 아티스트의 정체성을 보여주는 인터랙티브 UI 구현
- 앨범·곡·일정 도메인 데이터 구조 설계 및 발매 D-Day·이미지 처리 로직 공통 모듈화
- 모바일·태블릿·노트북 해상도에 각각 대응하는 반응형 레이아웃 및 GNB 구현
- URL 공유용 OG 썸네일·메타 정보 적용 및 Vercel 배포
- 서비스 기획 총괄 및 UI/UX 디자인
🚀 기술 구현 과제
- 단일 데이터 소스로 앨범·곡·일정을 관리하는 도메인 모델 설계
- 발매 D-Day 계산과 이미지 처리를 공통 모듈화하여 데이터 확장에 대응
- Framer Motion 기반 페이지 전환 및 아티스트 정체성을 살린 인터랙션
- 모바일·태블릿·노트북 해상도별 반응형 레이아웃