[파이널 판타지14] - (업데이트) 필드 마물 검색 페이지

다소 늦은 감은 있다만 작년에 만들었던 필드 마물 검색 페이지(관련 포스팅[링크])에

칠흑 패치로 추가된 여섯 개 필드의 몬스터 정보를 업데이트 했다.

 

하여, 지난 게시글의 내용을 일부 업데이트하여 새로 포스팅하려 한다.

 

.

 

▶ https://jaicychoi.github.io/ffxiv-hunt/

깃헙 페이지라 기본 도메인 사용 중이어서 주소가 좀 구리다;

 

 

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

 

.

 

아래는 사용 전 안내사항 .

 

- 엣지 크로미움(Edge Chromium), 크롬(Chrome) 및 파이어폭스(Firefox) 브라우저에서 정상 동작한다.

  타 브라우저 정상 동작 여부 확인 필요. (모바일보다는 PC에 최적화 되어 있다.)

- SS, S, A, B급 마물 위치 정보를 포함하고 있다.

- 신생 지역 정보는 포함하고 있지 않는다.(v5.05 기준 창천, 홍련, 칠흑 마물 정보 포함)

- 필드에 넓게 존재하는 마물의 경우, 검색 정보에 나오는 좌표 이외의 장소에도 존재할 수 있다.

- 한 개의 페이지 내에서 작동하므로 '뒤로가기(이전 페이지로 이동)'는 기능하지 않는다.

- 맵 이미지 로딩에 시간이 다소 걸리는 편이다.(오래 걸릴 경우 3-5초 소요)

- 일부 사소한 코드 오류가 수정되었다.(야호! 짧은 코드지만 수정하는데 몇 시간 걸렸다.)

- 마물 수배서 대상 여부와 드랍 아이템은 기억에 의존해 작성되었으므로 잘못된 정보가 있다면 제보 바란다.

- 오타가 있을 수 있으니 발견하면 제보 부탁.

 

.

 

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

 

 

1. 키워드를 입력하고 엔터치면 검색결과를 쭉 보여준다. 레벨, 마물이름, 지역명 등으로 검색 가능하다.

(한두 글자 만으로도 검색 가능)

 

지역명 일부로 검색 ▼

 

 

한 글자 검색 ▼

 

마물 레벨로 검색 ▼

 

 

드랍 아이템명으로 검색 ▼

 

 

2. 마물 이름을 클릭하면 해당 마물 위치가 표시된 지도가 팝업 된다.

...만 지도가 완전히 로딩 될 때까지 시간이 걸리는 편이다;

 

 

로컬에서 테스트 할 때는 바로 팝업됐는데 깃헙 페이지에서는 브라우저 사양에 따라

오래 걸리면 3-5초까지 소요되더라ㅜㅜ 이 점 유의하길.

참고로, 팝업된 지도는 아무곳을 클릭하거나 ESC키를 누르면 닫힌다.

 

 

3. 드랍 아이템을 클릭하면 인벤 DB 혹은 타르토맛 타르트(https://ff14.tar.to/) DB로

이동하여 해당 아이템의 정보를 보여준다.

 

인벤 DB ▼

 

타르토맛 타르트 DB ▼

 

 

처음엔 공식 홈페이지 가이드(https://guide.ff14.co.kr/lodestone/db/item)가 깔끔하게 잘 돼 있어서

공식 가이드 DB 링크를 넣을까 싶었는데 아이템의 영문명이라던가 제작법을 한눈에 볼 수 있다던가 하는

편의성 면에서 인벤/타르토맛 타르트 DB가 좀 더 나은 것 같아 앞의 두 사이트 링크로 넣었다.

 

 

4. 마물 이름 앞 분홍색 아이콘(

)은 마물 수배서 대상 마물 여부를 알려주는 아이콘이다.

경험과 기억에 의존해서 넣은 것들이라 잘못된 정보가 있을 수 있으니 발견하면 제보 부탁한다.

 

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

 

 

 

.

 

해당 페이지는 JS, CSS, HTML을 사용하여 만들었다.

소스 열람 가능하니 코드 수정 등 수정/추가할 부분이 있다면 언제든지 의견 남겨주길 바란다.

다만 주석을 제대로 달지 않아 이해하기 힘들지도...

 

 

 

나 포함 기존 유저분들은 좌표나 드랍템을 꿰고 있는 경우가 많을 듯 하고,

새로 시작하는 뉴비들이나 어쩌다 마물 수배서 가끔씩 하는 유저들에게 다소 도움이 되지 않을까 싶다.