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

아주 간만에(..) 페이지를 업데이트 했다.

별로 사용하는 사람이 없을 줄 알았는데 알음알음 사용하시는 사람이 생각보다 꽤 되는 듯하여...

 

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

 

굵직한 업데이트 내용은 신생 마물 S, A, B급 위치 정보 추가이지만

그 보다는 사용자 편의성 위주의 자잘한 업데이트에 신경을 많이 썼다.

 

아래부터는 이번 업데이트 내용이니 상세 페이지 사용법(?)은 여기[링크]를 참고.

 

.

 

● 신생 지역(다날란, 라노시아, 검은장막 숲, 모르도나, 커르다스 중앙고지) S, A, B급 마물 정보 추가.

 

 

 

 

 

● 반응형 및 모바일 뷰 개선

- 기존의 사이트는 낮은 해상도, 특히 모바일에서 보기 불편하였으나 보다 보기 수월하게 수정되었다.

사이트 처음 만들 때는 모바일과 창을 작게 줄여서 사용하는 경우를 거의 고려하지 않고 만들었기 때문에

보는데 불편함이 많았으리라 생각된다.

 

  

검색 결과화면 비교(왼쪽이 개선 전, 오른쪽이 개선 후 )▲

 

  

  

지도 View 비교(왼쪽이 개선 전, 오른쪽이 개선 후 )▲

 

이제는 모바일은 물론 브라우저 크기에 상관없이 보기 수월하도록 개선되었다. ▲

 

 

 

● 마물 등급으로 검색 가능

- A, B, T(Trigger 몹), S, SS와 같은 마물의 등급으로도 검색 가능하도록 개선되었다.

 

 

 

 

● 드랍 아이템 정보 보기 개선

- 기존에는 드랍 아이템을 클릭하면 이동한 사이트 내에서 한 번 더 아이템을 클릭해야

상세 정보를 볼 수 있었으나 바로 해당 아이템 정보를 볼 수 있도록 개선하였다.

 

- 또한 기존에는 홍련 이전 정보는 파이널 판타지14 인벤(http://ff14.inven.co.kr/),

칠흑 이후는 타르토맛 타르트(https://ff14.tar.to/)로 연결되었으나

통일감을 위해 연동 사이트를 모두 타르토맛 타르트로 변경하였다.

 

기존에는 이동된 사이트에서 아이템을 한 번 더 클릭해야 상세 정보를 볼 수 있는 번거로움이 있었으나...

 

이제는 바로 아이템 상세 정보를 볼 수 있다.

 

 

 

● 검색어 강조 기능 추가

- 결과 화면에서 검색 키워드가 눈에 잘 띄도록 하이라이트 기능을 추가하였다.

 

레벨이나 마물 이름, 지역 이름, 드랍템으로 검색 가능하며 한 글자로도 검색 가능하다.

 

 

 

● 사이트 파비콘(favicon)이 추가되었다.

 

그동안 파비콘이 없어서 탭이 다소 썰렁했는데(..) 이번에 파비콘을 추가해봤다.

 

 

 

● 그 외 오류 수정 및 사소한 편의성 관련 업데이트가 되었다.

- 코드가 더 더러워졌다.

 

예를 들면,

 

검색 창에 'X'버튼을 추가해서 검색어를 지우고 다시 쓰기 편해졌다던가...

 

 

 

1년도 더 전에 만든 페이지라 디자인이나 코드나 고칠 부분이 한둘이 아니다만...

 

 

 

오타나 동작 오류 등 불편 사항이 있을 경우 언제든 알려주기 바라며,

코드 개선은 언제나 환영.