https://df.nexon.com/df/community/dnfboard?mode=view&no=2779994&job=99&grow_type=0 

먼저 지난 글에서 많은 관심을 주셔서 감사합니다.
여러분들 덕분에 오늘의 던파도 올라가보고 정말 신박한 경험이었습니다.



처음 보시는 분들도 있으실 것 같아 잠깐 소개를 먼저 짧게 드리면

https://df.curma.cc 

Neople에서 제공해주시는 OPEN API를 이용해 캐릭터들의 룩만 모은 DB를  "던파 커마" 라는 이름으로 서비스하고있습니다.

오늘 (2023.03.09 [목]) 은 안타깝게도 던파 아바타 오류가 많았어서 조금 문제가 있었지만 
그래도 성공적으로 리뉴얼에 진행하였습니다.

크게 추가 개선된 부분을 먼저 간단하게 나열해보면 다음과 같습니다.

- 추천 기능

- 북마크 기능

- 아바타 클립보드 복사

- 아바타 이미지 저장

- 아바타 카드 클립보드 복사

- 아바타 카드 이미지 저장

- 아바타 카드 배경 변경
- 로그인 (디스코드 / 트위치)

- 북마크 목록

- 추천 목록

- 아바타 서버가 비 정상적일 경우 캐릭터 등록 차단

- 검색 창 모던웹 처럼 변경

- 메인(등록) 페이지에 Powered By 표기

Powered By 표기​

powered by는 Neople 공식 API 에서도 표기를 하라고 명시되어 있기 때문에 추가하였습니다.
 

주력으로 이용하고 있는 3가지를 표기하였습니다.

아바타 서버가 비 정상적일 경우 캐릭터 등록 차단

원래 예정에는 없었지만, 금일 아바타 서버 불안정 이슈인 상태에서 룩을 등록해주시는 분들이 많았는데, 이렇게되면 아바타가 없이 아이템 정보만 보이고 영원히 등록되지 않은 상태가 되어버립니다.

어쩔 수 없이 위 현상으로 등록된 룩은 모두 제거하였습니다.

또한 이러한 현상이 재발할 가능성을 배제할 수 없었기에 급하게 추가하였습니다.




 

새로고침 할때마다 가장 최근 등록된 캐릭터의 고유 ID를 네오플 API로 요청하여
아바타 응답이 정상적인지 확인하게됩니다.
이 과정에서 응답이 비정상적일 경우 닉네임을 입력할 수 없도록 차단하였으며,
위 이미지 처럼 토스트 알림이 나타나게됩니다.






​

검색 창 모던웹 처럼 변경

검색창이 나타날때 트렌디한 웹 사이트들 처럼 백드랍블러를 처리하고 나타나는 애니메이션 효과를 주었습니다.

닫힐때도 같은 애니메이션이 있으면 ㄱ빡칠거같기도하고 귀찮아서 닫을땐 그냥 툭 사라집니다.

​로그인 (디스코드 / 트위치)

로그인은 북마크와 추천기능을 제공하기 위해 부착하였습니다.
기존에 던파 커마 말고 자매품으로 제공중이던 서비스와 통합시켰으며 추후에 인증서비스 DB만 분리할 예정입니다.

​

상세페이지 변경

​

상세페이지에는 변경사항이 꽤 많이 있습니다.

배경 선택 및 변경

캐릭터 이미지 위에 배경들이 나열되어 있으며, 던파 쇼룸의 이미지를 돚거 하였습니다.

던파 쇼룸의 이미지는 굉장히 작은 크기로 되어 있어서 이를 waifu2x 를 이용하여 강제로 4배율로 상승시키고 Webp 로 다시 변환하여 이미지 크기를 낮추었습니다.

추천 및 북마크

페이지 상단 제목을 나타내는 위치 우측에 추천과 북마크 버튼을 추가하였습니다.

캐릭터 상세 정보 디자인 변경

디자인 또한 던파 쇼룸을 좀 비슷한 느낌을 연출하려고 하였고,

중앙에 URL은 이미지 공유를 통해 유저분들이 아 이 아바타 어디서 보더라 하는 까먹음을 방지하기 위해 추가 하였습니다.

이미지 저장 및 클립보드 복사

캐릭터 이미지에서는 좌측 하단에 4개의 버튼이 추가되었습니다.

좌측부터 설명을 드리면

아바타 이미지 클립보드 복사 -> 클릭 후 카톡 같은데다가 ctrl + v 하시면 됩니다.

아바타 이미지 저장 -> 클립보드 복사 대신 저장을 수행합니다.

카드 클립보드 복사 -> 캐릭터 상세정보 디자인 변경에서 보여드린 이미지처럼 클립보드에 복사합니다.

카드 저장 -> 클립보드 대신 저장을 수행합니다.

카드 저장 및 클립보드의 경우는 보고 계시는 화면 해상도의 크기에 따라 결과가 달라지게됩니다.

추천 및 북마크 목록

로그인 후 계정을 클릭해보시면 추천/ 북마크 목록을 볼 수 있는 메뉴가 구성되어 있습니다.

추천 이나 북마크를 누른 경우 목록에서 노출되던것과 마찬가지로 직업별 필터가 가능한 목록으로 만들었습니다.

북마크 및 추천 에러 페이지

잘못된 접근을 시도하시면 븝미가 븜사람댄스를 보여줄 것입니다.

개발 이슈 및 향후

- 기존에 던파 커마로 배포하고 있던 사용한 기술들이 한달도 안되서 의존성들이 업데이트 되는 바람에 브랜치로 덮어쓸까하다가 귀찮아서 걍 새로 만들고 도메인만 바꿔치기 하였습니다.
- 아직 추천 정보가 적어서 충분한 데이터가 쌓이면 만들어야지 하는 기능으로는 랭킹이 있습니다.

- 랭킹의 경우는 많은분들이 제공해주신 아이디어를 바탕으로, 일간/주간/월간 등으로 구성될 예정입니다.

- 추천수를 보여주지 않는 이유는 딱히 카운트를 넣을만한 배치가 안나와서 그냥 제외 하였습니다. 또... 카운트는 조회 비용이 높은편이니까요...

- 던파 쇼룸 연동은 이거 구분하기가 쉽지않겠지만 심심할때 진행해보겠습니다...

2023.03.10 (금)
- 로그인 이슈 수정


 

더 많은 유저분들이 룩딸을 할 수 있도록 좋아요를 눌러 오늘의 던파에 보내주세요!

https://df.curma.cc​