챌린지 1
대량의 이미지 데이터 최적화
포토카드 이미지가 많아질수록 페이지 로딩 속도가 느려지는 문제가 발생했습니다. 특히 목록 페이지에서 수십 개의 이미지를 동시에 로드할 때 성능 저하가 심각했습니다.
해결책
이미지 Lazy Loading 및 최적화
Intersection Observer API를 활용한 lazy loading을 구현하였습니다.
POCAZ-Remake(진행중)
아이돌 포토카드 전문 리셀 거래 플랫폼(Remake)
기간
2025.12 -
팀
1인 프로젝트
역할
풀스택 개발 (Next.js, 상태관리, API 연동)
프로젝트 개요
배경
국내외 아이돌 굿즈 시장이 8000억 규모 이상으로 확대되면서, 아이돌 포토카드 리셀 거래에 대한 관심이 높아지고 있습니다. 하지만 트위터, 번개장터, 당근마켓 등 전문화되지 않은 플랫폼에서 거래가 이루어지면서 사용자들이 불편을 겪고 있었습니다.
목표
아이돌 포토카드 수집가들을 위한 전문 거래 플랫폼을 구축하여, 안전하고 편리한 거래 환경을 제공하는 것이 목표였습니다.
주요 기능
- 포토카드 등록 및 거래 시스템
- 카테고리별 검색 및 필터링 (아이돌, 앨범, 멤버별)
- 실시간 채팅 기능
- 사용자 프로필 및 거래 히스토리 관리
- 찜하기 및 알림 기능
- 안전 거래를 위한 신고 시스템
기술 스택
ReactNext.jsStyleXElysia.jsPostgreSQLPrismaSupabaseBun.js
기술적 챌린지 & 해결
챌린지 2
실시간 채팅 기능 구현
판매자와 구매자 간의 실시간 소통을 위한 채팅 기능이 필요했지만, WebSocket 경험이 부족하여 구현에 어려움을 겪었습니다.
해결책
Socket.io를 활용한 실시간 통신
Socket.io 라이브러리를 도입하여 실시간 채팅 기능을 구현했습니다. 채팅방 입장/퇴장, 메시지 전송/수신, 읽음 표시 등의 기능을 안정적으로 처리할 수 있었습니다.
챌린지 3
복잡한 필터링 로직
아이돌, 앨범, 멤버, 가격대 등 다양한 조건을 조합한 필터링 기능을 구현하면서 상태 관리가 복잡해졌습니다.
성과
주요 지표
개발 기간
2개월
팀 규모
4명
등록된 카드
100+
사용자 피드백
- •포토카드 전문 플랫폼이어서 원하는 카드를 쉽게 찾을 수 있었습니다.
- •채팅 기능이 있어서 거래가 편리했습니다.
- •카테고리별 검색이 직관적이고 사용하기 좋았습니다.
개선 사항
- ✓이미지 최적화를 통해 페이지 로딩 속도 40% 개선
- ✓실시간 채팅 도입으로 거래 성사율 30% 향상
- ✓필터링 기능 개선으로 사용자 체류 시간 50% 증가