Overview
프로젝트 개요
YURE는 J-POP 가사 번역과 관련 뉴스, 일정, 커뮤니티를 함께 제공하는 콘텐츠 기반 서비스입니다.
가사 번역, 뉴스, 일정, 커뮤니티를 하나의 흐름으로 연결해 J-POP 팬들이 콘텐츠를 탐색하고 소통할 수 있도록 구성되어 있습니다.
Features
주요 기능
가사 번역 콘텐츠
일본어 가사, 한국어 발음, 한국어 번역을 제공하고 검색과 카테고리 탐색을 지원합니다.
뉴스·매거진 콘텐츠
J-POP 관련 뉴스와 아티클을 리스트와 상세 페이지로 제공합니다.
일정 캘린더와 커뮤니티
공연·이벤트 일정을 확인하고 게시글, 댓글, 좋아요로 팬들이 소통할 수 있습니다.
Contribution
주요 기여
신문 형식의 J-POP 뉴스
J-POP 관련 뉴스 콘텐츠를 신문처럼 읽을 수 있도록 기사 카드, 상세 본문, 보조 정보의 위계를 나누어 화면을 구성했습니다.
J-POP 일정 캘린더
발매, 공연, 이벤트 일정을 월간 캘린더에서 확인하고 날짜별 정보를 빠르게 탐색할 수 있도록 구현했습니다.
커뮤니티 페이지
게시글 목록과 상세 흐름을 구성하고, 최신순·인기순 정렬을 통해 커뮤니티 콘텐츠를 탐색할 수 있도록 구현했습니다.
Troubleshooting
대표 문제 해결 사례
Problem
커뮤니티 페이지에서 최신순, 인기순 정렬을 바꿀 때마다 브라우저 히스토리가 쌓여 뒤로가기를 여러 번 눌러야 하는 문제가 있었습니다.
Approach
페이지 이동이 아니라 현재 목록 상태만 바꾸는 동작이라고 판단해 router.push 대신 router.replace를 사용하고, URL 변경 시 스크롤이 튀지 않도록 scroll: false를 적용했습니다.
Result
정렬 변경 후에도 뒤로가기 흐름이 자연스러워졌고, 사용자가 이전 페이지로 한 번에 돌아갈 수 있도록 탐색 경험을 개선했습니다.
Reflection
배운 점
- 현직자의 코드 리뷰를 바탕으로 구현 방식의 근거를 점검하고, 유지보수성과 협업을 고려해 코드를 작성하는 기준을 배웠습니다.
- 뉴스, 일정, 커뮤니티처럼 사용 목적이 다른 화면을 하나의 서비스 톤 안에서 정리하는 경험을 했습니다.