Game companion / 출시 · 공개 이용 가능
메이플랜드 레범몬
검색은 짧게, 다음 사냥터는 직접 고르게.

01 / 출발점
게임을 하다가, 정보를 찾는 일에 더 오래 머물지 않도록.
몬스터의 레벨을 찾고, 드롭 아이템을 확인하고, 다시 지역을 찾아보는 수고를 줄이고 싶었습니다. 레벨을 입력하면 후보를 바로 보여주고, 지역·이름·속성 필터와 정렬로 필요한 정보만 좁혀보게 했습니다.
경험치와 체력, 속성, 드롭 정보를 함께 보여주어 지금 필요한 아이템과 자신의 캐릭터에 맞춰 고를 수 있게 합니다. 장비 구성도 시뮬레이터에서 직접 바꿔볼 수 있습니다.
02 / 구현한 경험
- 기본 ±10 레벨 검색과 사용자 지정 범위
- 지역·이름·속성 필터, 경험치·체경비 등 정렬
- 지역별·알파벳별 이벤트 드롭 조회
- 직업·장비·추가 옵션에 따른 스탯 시뮬레이션
메이플랜드의 비공식 정보 도구입니다. 이벤트 자료는 수록 시점을 기준으로 제공하며, 게임 업데이트에 따라 실제 정보와 차이가 있을 수 있습니다.
03 / 설계에서 중요하게 본 것
출시 후 들어온 제보를 데이터에 반영하고 확인 여부를 표시했습니다. 검색 속도와 함께, 비교에 필요한 정보의 신뢰도를 다뤘습니다.
04 / 검색 다음의 선택
찾은 정보를, 내 상황에 맞춰 비교하기.

자료의 빈칸도 함께 보여주기.
지역별 또는 필요한 알파벳별로 드롭 몬스터를 찾습니다. 제보로 보완한 정보와 아직 확인되지 않은 정보를 구분해 표시했습니다.

장비를 바꾸기 전에 살펴보기.
직업과 장비, 추가 옵션을 바꾸며 스탯 변화를 살펴볼 수 있습니다. 프리셋은 브라우저에 저장하도록 구현해 다시 비교할 구성을 남길 수 있습니다.
구현과 운영
찾기 쉬운 화면 뒤에, 데이터를 정리하는 일.
Next.js·React·TypeScript·Tailwind CSS로 화면을 만들고, 몬스터·아이템·지역 정보를 JSON으로 구조화했습니다. Python 스크립트로 수집·병합·검증 작업을 나누고, 검색과 필터는 브라우저에서 처리합니다.
운영 중 들어온 제보를 데이터에 반영하고, 이벤트 정보의 확인 여부를 구분하는 방식을 보완했습니다. Vercel에 공개했으며 검색 범위와 장비 프리셋은 브라우저 저장소를 사용합니다.
공개 코드와 문서 보기 ↗ (새 탭)비슷한 문제를 풀고 있다면
함께 만들고 싶은 일 이야기하기 다른 제품 보기