프린티
작가가 작품을 업로드하면 유저가 주문해 실물 인쇄물로 받아보는 작가 매칭형 인쇄·굿즈 커머스입니다. B2C 웹을 메인으로 맡고 운영 어드민을 병행하며, 출시 이후의 운영까지 함께 책임졌습니다.
- 참여 기간
- 2024.12 – 현재
- 소속
- 한다글다글
- 담당
- B2C 웹 메인 · 운영 어드민 병행
- 스택
- Next.jsTypeScriptTailwind CSSZustandnext-intlRecharts
어떤 서비스인가
작가가 작품을 업로드하면 유저가 주문해 실물 인쇄물로 받아보는 서비스입니다. 작가와 팬을 잇는 인쇄·굿즈 커머스입니다.
작가는 에디터로 작품을 편집해 원본에 가까운 화질로 공유하고, 작품별 통계로 반응을 확인합니다. 팬은 여러 작가의 다양한 작품을 감상하다 마음에 드는 작품을 좋은 퀄리티의 굿즈로 받아봅니다.
작가 쪽 기능
- 작품 등록 및 에디터로 편집
- 만료 전 작품 연장 요청 및 관리
- 공지 작성으로 팬에게 소식 전달
- 작품별 통계로 조회·공유·출력 반응 확인
공통 기능
- 피드·구독으로 여러 작가의 작품 감상
- 포인트 충전 후 원하는 작품을 실물 굿즈로 주문
- 좋아요·연장 요청 작품을 모아보는 보관함
- 다국어(한국어·영어) 지원 및 해외 결제
맡은 범위
- 일반 사용자 화면 — 피드·구독·주문·결제·포인트·배송·보관함
- 작가 화면 — 작품 등록·공지·에디터·연장 관리·통계 대시보드
- 운영 어드민 — 회원·작품·배송·포인트·주문 관리
- 다국어(한국어·영어) 전환 및 해외 결제 대응
이미지 에디터 — 작품을 업로드 하고 편집한다
출력 사이즈별 비율과 가이드선으로 인쇄 영역을 미리 보여주는 이미지 편집기를 PoC부터 혼자 설계해 만들었고, 모바일 대응과 미리보기·인쇄물 불일치 버그를 잡으며 상태 관리를 커스텀 훅으로 두 차례 리팩토링했습니다. 이 구조 덕에 1년 뒤 포토카드 양면 편집까지 편집기를 새로 만들지 않고 확장할 수 있었습니다.
SNS 인앱 브라우저 탈출
카카오톡·인스타그램·X 같은 인앱 브라우저로 유입되면 결제가 막히는 경우가 있어, 플랫폼별로 접속 환경을 감지해 OS 기본 브라우저로 빠져나가도록 만들었습니다. 플랫폼마다 감지 방식이 달라, 여러 조합을 직접 테스트하며 로직을 다듬었습니다.
느려진 목록 — 서버 페이지네이션으로 전환
작품과 작가가 늘며 트래픽이 쌓이자 클라이언트에서 한 번에 처리하던 목록이 느려져, 피드·구독·검색·구매내역 등을 서버 페이지네이션과 무한 스크롤로 화면 단위씩 순차 전환했습니다. 전환 중 드러난 스크롤 위치 유실 문제는 공통 훅으로 묶어 함께 해결했습니다.
운영자의 손을 덜기 — 어드민
회원·작품·배송·포인트 목록에 검색·필터·엑셀 다운로드를 일괄 적용하고, 포인트는 엑셀 업로드로 일괄 지급·회수할 수 있게 했습니다. 목록에서 상세로 오갈 때도 검색 조건이 유지되도록 만들어, 하루에도 여러 번 반복하는 운영 업무의 체감을 줄였습니다.