*자유 게시판에 올렸는데 그대로 묻히는 것보다 많은 분들이 보시면 좋을 것 같아 팁게에도 올려봅니다.

.

지금 시점에서 그리 쓸모 있겠냐 싶습니다만...
필드 마물 정보를 검색 할 수 있는 페이지를 만들어봤습니다.

깃헙 페이지라 기본 도메인 사용 중이어서 주소가 좀 구립니다.. 흑흑



되도록 심플하게 보이도록 만들었습니다.

.

아래는 주의사항(?) 입니다.

 - 크롬(Chrome), 파이어폭스(FireFox) 브라우저에서 정상 동작합니다.
    (모바일보다는 PC에 최적화되어 있습니다.)
 - S, A, B급 마물 위치 정보도 보실 수 있습니다. 
 - 신생 지역 정보는 포함하고 있지 않습니다.(v4.5 기준 창천, 홍련 마물 정보 포함)
 - 필드에 고루 존재하는 마물의 경우, 검색 정보에 나오는 좌표 이외의 장소에도 존재할 수 있습니다.
 - 한 개의 페이지 내에서 작동하므로 '뒤로가기(이전 페이지로 이동)'는 기능하지 않습니다.
   (특히 모바일에서 이용하는 경우 주의하시기 바랍니다)
 - 맵 이미지 로딩에 시간이 다소 걸리는 편입니다.(오래 걸릴 경우 3-5초 소요)
 - 마물 수배서 대상 여부와 드랍 아이템의 경우 잘못된 정보가 있다면 알려주시기 바랍니다.
 - 오타가 있을 수 있으니 발견할 경우, 알려주시면 감사하겠습니다.

.

대단한 기능은 없지만 간단히 소개해보자면,

1. 키워드를 입력하고 엔터치면 검색결과를 쭈루룩 보여줍니다.
사실 검색 버튼이 있긴한데 최대한 심플해 보이기 위해 감춰뒀습니다.
레벨, 마물이름, 지역명 등으로 검색 가능합니다.(한두 글자 만으로도 검색 가능)





2. 마물 이름을 클릭하면 해당 마물 위치가 표시된 지도가 팝업 됩니다.
...만 지도가 완전히 로딩 될 때까지 시간이 걸리는 편입니다;

로컬에서 테스트 할 때는 바로 팝업됐는데 깃헙 페이지에서는 오래 걸리면 3-5초까지 소요되더군요ㅜㅜ
이 점 유의하시고 사용해주시기 바랍니다.
참고로, 팝업된 지도는 아무곳을 클릭하거나 ESC키를 누르면 닫힙니다.


3. 드랍 아이템을 클릭하면 인벤 DB로 이동하여 해당 아이템의 정보를 보여줍니다.

처음엔 공식 홈페이지 가이드(https://guide.ff14.co.kr/lodestone/db/item)가 깔끔하게 잘 돼 있어서
공식 가이드 DB 링크를 넣을까 싶었는데 아이템의 영문명이라던가 제작법을 한눈에 볼 수 있다던가 하는
편의성 면에서 인벤 DB가 좀 더 나은 것 같아 인벤 링크로 넣었습니다.


4. 마물 이름 앞 분홍색 아이콘()은 마물 수배서 대상 마물 여부를 알려주는 아이콘입니다.
저의 경험과 기억에 의존해서 넣은 것들이라 잘못된 정보가 있을 수 있으니 발견하시면 알려주시기 바랍니다.

B, A, S급 마물의 경우 마물 이름 앞 아이콘으로 구별 가능합니다.


.


참고로 해당 페이지는 JS, CSS, HTML을 사용하여 만들었습니다.
소스 열람 가능하니 코드 수정 등 수정/추가할 부분이 있다면 언제든지 의견 주시기 바랍니다.
다만 주석을 달지 않아 이해하기 힘들지도...

.

저 포함 기존 유저분들은 좌표나 드랍템을 꿰고 계신 분이 많을 듯 하고,
새로 시작하는 뉴비 분들에게 다소 도움이 되지 않을까 싶습니다ㅎㅎ