디아블로4 거래 사이트를 만들어 보았습니다.
페이지 정보
본문
안녕하세요. 디아블로라는 게임을 1편부터 꾸준히 즐겨온 유저입니다. 제가 예전부터 "디아블로 거래 사이트를 한번 만들어 보면 어떨까" 생각만 해오고 있었는데, 그런 와중에 tradurs.com라는 도메인을 구매하게 되면서 디아블로4 거래 사이트 프로젝트를 진행하게 되었습니다. 2년 전에도 디아블로2 레저렉션 출시 즈음에 "디아블로 정보 사이트나 만들어 볼까" 하면서 제작했던 사이트 (https://d2r.serasome.com)를 아직까지 관리 중이죠... 사실 이렇다 할 특별한 사용 방법은 없지만 혹시나 궁금하신 분들이 있을 것 같아 간단하게 아이템 등록부터 거래 완료까지 작성해 보았습니다.  메인 페이지 화면입니다. 좌측에 아이템 필터를 위치 시켰습니다. 필터는 현재 간단한 항목 필터 처리만 하고 있습니다. 상단에는 중앙에 내비게이션 메뉴 우측에 순서대로 다국어 선택, 다크 테마, 로그인 버튼을 위치시켰습니다. 이제 우측 로그인 아이콘을 누르면 tradurs 로그인 화면으로 이동합니다.   현재 소셜 로그인(구글, 페이스북 - 현재 비활성, 네이버, 카카오)이 가능하도록 구현되어 있습니다. (인증 및 로그인이 가능하지만 테스트 중이라 가입하셔도 추후 리셋할 예정입니다.)  로그인 후 화면입니다. 화면 우측 하단에 아이템 등록 버튼이 노출됩니다. 그럼 실제로 디아블로 4 베타 기간에 등록된 이미지의 정보를 이용해 아이템을 등록시켜 보도록 하겠습니다.  등록 버튼을 클릭하면 아이템 입력 다이얼로그 창이 뜹니다. 좌측 상단부터 순서대로 아이템 등급, 하드코어 여부, 래더 여부, 아이템 유형, 장비 클래스 및 수량, 아이템 명 입력해 보겠습니다.  아이템 등급을 선택합니다. 각 등급에 정해진 색상으로 수정 카드색상이 변경됩니다.  하드코어, 래더 여부는 우측 상단 토글로 변경 가능하며 기본값은 하드코어 : 비활성, 래더 :활성 상태입니다.  아이템 유형을 선택합니다.  아이템 유형별 세부 장비 클래스를 선택합니다.  수량을 지정합니다.  아이템 명을 입력하면 기본적인 정보는 입력이 완료된 상태입니다. 이제 아이템의 고유 특성을 검색 / 선택합니다. 텍스트 박스에 검색어를 입력하면 기존에 존재하는 특성은 추가 없이 선택 가능합니다. 각 고유 특성, 옵션, 제약 조건을 탭으로 선택하여 입력/수정해 주면 됩니다.  원하는 특성이 없을 경우 + 버튼을 클릭해 추가해 줍니다. 해당 특성이 갖는 표준, 공격, 방어 등의 속성을 선택하고 힌트로 표시된 양식으로 추가해 줍니다. 예를 들어 "560 Armor"이라는 특성을 추가하려면 수치가 포함된 부분을 {x}로 하여 "{x} Armor"이라고 추가하면  위와 같이 {x}로 표시된 부분이 입력 가능한 상태로 추가됩니다. 이제 해당 부분에 560이란 값을 입력해 주면 됩니다.  이제 남은 옵션과 제약 조건까지 모두 입력이 완료되면  판매할 아이템의 가격을 설정해 줍니다. 화폐 유형은 각각 제안받기, 룬, 금화가 선택 가능하며 룬이나 금화를 선택할 경우 부가로 화폐 값을 선택하거나 입력 가능하도록 변경됩니다.  이제 아이템 정보 입력이 모두 끝났습니다. 적용 버튼을 눌러주시면 아이템이 등록됩니다.  기본적으로 거래 목록에 아이템은 상세 정보가 숨겨진 상태로 표시되며 하단에 상세 보기 버튼을 클릭하면  모든 정보와 하단에 수정하기(등록자), 제안 목록(작성자 - 다른 사용자에게는 제안하기) 버튼이 나타납니다.  다른 사용자(비 로그인 사용자)들에게는 거래가 진행되기 전까지 배틀태그가 노출되지 않습니다.  물음표 아이콘에 마우스를 올리면 아이템 등록자의 "매너 온도"를 확인할 수 있습니다. 이제 제안하기 버튼을 클릭해 제안 요청을 해봅시다.  제안하기 버튼을 클릭하면 해당 아이템의 제안 리스트 항목 및 제안할 UI가 나타납니다. 간단하게 이스트 룬 x 1로 제안 요청을 합니다.  등록자가 로그인 상태라면 제안에 대한 알림이 상단에 나타납니다. 이동을 클릭하면 해당 아이템만 노출되는 페이지로 이동합니다.  제안 목록에 제안 요청 항목이 표시됩니다.  아이템 정보와 마찬가지로 거래가 진행되기 전까지 제안자의 배틀태그는 노출되지 않으며 마우스 오버 시 해당 제안자의 "매너 온도"만 확인 가능합니다.  여러 제안 목록 중 수락하고자 하는 요청을 선택하면 진행 여부를 묻는 창이 열립니다.  마찬가지로 제안자가 로그인 상태라면 수락된 아이템의 알림이 상단에 나타나며 이동을 클릭하면 해당 아이템만 노출되는 페이지로 이동됩니다.  이제 아이템 상태가 "판매 중"에서 "거래 진행 중"으로 변경됩니다. 이때부터 판매자와 제안자 서로의 배틀 태그가 노출되며 해당 배틀 태그를 클릭하면 클립보드로 복사됩니다. 이제 배틀넷에 접속해 실제 거래를 진행합니다.  실제 거래가 끝나면 등록자, 제안자 모두 "완료 처리"를 클릭합니다.  매너 평가 팝업이 열리고 상대에 대한 평가 후 제출하기 버튼을 눌러 제출합니다.  등록자, 제안자 모두 평가 제출이 끝나면 상단에 거래 완료 알림이 나타납니다.  거래가 끝난 후 등록자와 제안자는 거래 완료 우측 아이콘을 마우스 오버해서 상대의 평가를 확인할 수 있습니다. 여기까지 현재 작업이 된 상태입니다. 베타 기간에 계속해서 아이템 구성이 바뀌면서 곤란을 겪기도 했고 현재 알려진 거래가 불가능한 전설, 고유 아이템도 임시로 포함해 놓은 상태입니다. 제 개발 모토가 '관리를 하지 않는 사이트를 만들자'라서 현재는 사용자 편의성이 상당히 배제되어 있는 상태입니다. 시작할 땐 한 달이면 만들 것 같았는데 본업 외 시간 날 때 틈틈이 작업한 게 벌써 6개월도 넘었네요... 아마 지금 발견하지 못한 버그가 수두룩할 겁니다. 감안하고 테스트 해주시면 감사하겠습니다. |
- 이전글일본의 피자 3등분하기 대회.jpg 23.06.01
- 다음글6월 알뜰 요금제 정리하고 갑니다 23.06.01
댓글목록
등록된 댓글이 없습니다.