콘텐츠 경험 — 이미지 처리, 추천 시스템, 중간 점검
2025년 12월 3일 ~ 15일 · v3.6 → v3.8
이 기간에는 '사용자가 콘텐츠를 더 잘 경험하게' 하는 데 집중했다. 이미지 처리의 온갖 함정을 해결하고, 추천 시스템을 도입하고, 전반적인 안정화를 진행했다.
이미지의 모든 함정 해결 (v3.6)
세로 사진이 가로로 나오는 문제
스마트폰 세로 촬영 사진이 가로로 뒤집혀 표시되는 문제가 있었다. 원인은 EXIF orientation 메타데이터. fixImageOrientation() 함수를 만들어 업로드 시 자동으로 EXIF를 읽고 올바른 방향으로 회전시킨다.
CMYK 이미지가 웹에서 깨지는 문제
포스터나 명함용 CMYK 이미지를 올리면 색이 이상하게 나왔다. ImageMagick(Imagick)으로 convertCmykToRgb() 함수를 만들어 자동 변환. 투명 영역 방지를 위해 JPEG 저장 시 흰색 배경도 추가했다.
에셋 이미지 편집 기능
Cropper.js를 도입해서 에셋 편집 기능을 새로 만들었다. 에셋 썸네일에 마우스를 올리면 편집 버튼이 나타나고, 90도 회전, 좌우/상하 반전, 자유 비율 크롭이 가능하다.
핵심: 원본을 건드리지 않는다. 편집된 이미지는 '_편집본' 접미사가 붙은 새 에셋으로 생성된다. 캐릭터 에셋을 편집하면 같은 캐릭터의 새 표정으로 자동 등록.
추천 시스템 도입 (v3.7)
작품을 끝까지 읽은 사용자가 뒤로가기를 누르는 순간, 그건 플랫폼의 패배다. 그래서 하이브리드 추천 알고리즘을 만들었다.
- "크리에이터의 다른 작품" — 같은 작가의 작품 최대 6개, 최신순
- "카테고리의 다른 작품" — 같은 장르 인기 작품 최대 6개, 좋아요/조회수 순
작품 보기 페이지 하단에 네비게이션(작품 목록, 크리에이터 프로필, 맨 위로) 버튼도 추가했다. 추천 카드는 3:4 비율 고정 썸네일에 유형 배지(연재/단편)와 통계가 표시되며, 반응형 그리드(6열→2열)로 구성했다.
중간 안정화 (v3.8)
추천 시스템 이후 약 일주일간 안정화. index_test.php 테스트 빌드를 만들어 변경 사항을 실제 적용 전에 확인하는 안전망을 구축했다. API 엔드포인트 전반 점검, 에러 처리 보강.