링크 담은 뱃지 기능 및 뽑기 UI 수정

2020-02-02

life

안녕하세요. 햅뽀이입니다.

니트러스와 뽑기판에 소소한 변경사항들이 있습니다. 니트러스는 뱃지부분이고, 뽑기는 UI 부분을 조금 손봤습니다.
어떤부분들인지 한번 볼까나요!?

아래 이미지를 보면 뱃지에 노란색 글씨에 아랫줄이 그어져 있는 뱃지가 있습니다.
저렇게 표시가 되는 뱃지들은 뱃지를 누르면 특정 링크로 이동을 할 수 있도록 개발을 하였습니다.
일단 저는 테스트로 설정을 한 부분이고요, 유저분들이 사용할 방법에 대해서는 어떻게 설정을 하게 할지, 비용측정을 어떻게 할지는 아직 결정전입니다.
여기에는 요즘 핫한 MCO 카드 만들기를 추천하면서 레퍼럴링크를 추가해도 될테고요, 자신의 티스토리/블로그/카페로 연결할 수도 있을 것입니다
본인들이 원하는 방향으로 링크를 설정 할 수 있도록 할 예정입니다.
단, 아무링크나 연결되도록 하는 것은 보안에 아주 위험한 일입니다. 랜섬웨어가 있는 링크로 바로 이동되게 하는 경우는 절대로 안될일이지요. 그래서 링크는 인증된 사이트(니트러스/스팀/네이버/구글/다음/페북/인스타 등)의 링크만 등록되게 할 예정입니다.
또는 관리자가 확인 후 등록할 수 있도록 하는 방향으로 할 예정입니다.
아니면 별도의 팝업을 표시하고 위험할 수 있다는 문구를 먼저 표시하고, 그래도 이동을 하는 경우만 실행되도록 할 예정입니다.
요

뽑기를 하면 뽑히기 직전에 그 숫자가 땅으로 슝~ 떨어지는 애니메이션을 추가하였습니다. 소소하지만 적절해보이지 않나.. 개인적으로는 생각해봅니다.
기존에는 아래 이미지처럼 기본 팝업기능을 사용해서 텍스트표시 이외에 활용이 불가능 하였습니다.
이제는 아래와 같이 팝업창을 따로 개발을 하였기 때문에, 각종 이미지라던지 효과들을 쉽게 추가 할 수 있도록 하였습니다.
보물상자라던지, 애니메이션등도 추가가 가능하도록 되었습니다.

감사합니다.!!!

Happyberrysboy's Blog