이름은 던파 커마 입니다.
던파 캐릭터들의 룩을 모아놓고 공유 하고 보는 그런 서비스인데, 유사 서비스로 던파 모아의 아바타가 있지만,
페이지 접속해서 로딩만 무슨 한 30초 넘게 걸려서 빡쳐서 만들었습니다...
등록
서버 선택해서 닉네임을 입력해주시면 open api로 서치해서 DB에 저장후 상세 정보페이지로 이동됩니다.
타 서비스처럼 서버선택 없이 동시에 여러 캐릭을 보여주지 않는 이유는 만들기 귀찮아서 그랬어요...
목록
목록 페이지는 등록된 아바타를 최신순을 기준으로해서 노출됩니다. 별도의 페이지네이션은 없고
무한 스크롤로 동작하게 만들었습니다. 무한 스크롤이 개발은 더 귀찮은 방식이긴한데 사용성 측면에선 좀 더 좋은 것 같아서 적용해보았습니다.
해상도에 따라서 최소 1개 최대 3개까지 노출되도록 구현했습니다.
상세페이지
상세페이지에선 캐릭터 아바타가 착용한 각 부위별 아바타를 노출합니다.
없는 항목은 노출되지 않아요!
같은 부위의 같은 룩을 사용한 다른 캐릭터의 룩도 볼 수 있게 준비해보았습니다.
다크테마
눈 아프실까봐 다크테마도 넣어보았습니다.
검색
검색 자동완성에 사용 되는 아이템 목록은 귀찮아서 던파 쇼룸에 있는 걸 아이템 목록을 돚거해서 적용하였습니다.
룩딸을 마니 해보신분들은 아시겠지만, 던파 쇼룸에는 없는 아이템들도 있습니다.
자동완성 기준이기 때문에 노출이 되지 않아도 검색은 하실 수 있어요.
통계
각 부위 사용률에 대한 통계도 넣어보았습니다.
개발 후기
개발은 사용 안해본 기술로만 적용하였습니다.
DB의 경우 아직 알파버전이라 겁나 느려터져서 결국 자체 도입하였는데 어차피 가입이나 중요한 정보가 없고 빅 데이터가 쌓이는 경우라 그냥 sqlite 로 처리하였습니다.
던파 Open API를 사용해서 제작하였습니다.
서버리스 클라우드를 사용하였기 때문에 크롤링은 하지 말아주세요...! 대신에
어차피 open api라 정보도 공개되어 있어서 저도 DB를 공개해두었습니다.
https://dbhub.io/subyankee/df.sqlite
위 사이트에서 확인하실 수 있고, 매일 오전 10시에 변경사항을 업로드 하도록 해두었습니다.
무료 저장공간이 가능한 내에서는 지속적으로 업로드할 예정입니다.
이미지의 경우는 OPEN API 에서 제공해주는 이미지가 있긴 하지만, 사용자가 아바타를 변경하고 캐릭터선택창이나 종료를 할 경우
API가 이걸 반영하기 때문에 이미지를 따로 저장할 수 밖에 없었습니다. (피 같은 돈...)
현재 초기 데이터로 158,591 건 밖에없는데 이미지 용량이 벌써 2GB가 넘더군요...
이미지는 한번 본 이미지는 강제 캐싱이 적용됩니다. 원본서버가 많이 느리기도하고 이미지가 변경될일이 없어서 캐시를 강화하였습니다.
브라우저 캐시 -> Edge 캐시 -> 원본 서버 -> 저장소 순입니다.
자동화를 통한 추가를 할지는 미정입니다.
그럼 다들 즐거운 룩딸하세요!
https://df.curma.cc
