메이플 유틸 웹 페이지

About

메이플스토리를 하면서 여러 컨텐츠에 도움을 주는 웹사이트 입니다. 과거 샤레니안의 지하수로 길드 파티를 배치해주는 기능으로 시작해, 현재는 더 시드 족보와 몬스터 라이프 조합식을 제공합니다.

주요 스택

• React.js
• Next.js app dir
• Hangul.js
• Storybook
• Styled-components
• React-Query
• OpenCV
• i18next
• zod
• prisma

설치 및 실행

> npm install # install dependencies

> npm run dev # development
> npm run build && npm start # production

사이트맵 생성

> npm run sitemap

환경변수

# comments
MONGODB_URL="<your-mongodb-connection-string>"

# google analytics
GOOGLE_ANALYTICS_VIEW_ID="<your-google-analytics-view-id>"
GOOGLE_CLIENT_EMAIL="<your-google-service-account-email>"
GOOGLE_CLIENT_ID="<your-google-service-account-id>"
GOOGLE_PRIVATE_KEY="<your-google-service-account-private-key>"

i18n

모든 페이지를 한글/영어 버전으로 볼 수 있습니다. src/i18n/locales폴더에 페이지 마다 번역 된 json파일이 있습니다.

한글 페이지 https://mapleutils.com/ko/[slug] 그 외 언어 https://mapleutils.com/[lang]/[slug] (예: https://mapleutils.com/en/seed/39)

---

더 시드

23층 /seed/23

더 시드 23층 발판을 볼 수 있습니다.

24층 /seed/24

더 시드 24층 브금을 들을 수 있습니다.

• 브금 선택 시 자동 복사
• 정렬
• 키보드 조작

36층 /seed/36

더 시드 36층 메모를 할 수 있습니다

39층 /seed/39

더 시드 39층 문제들을 볼 수 있습니다.

• 문제 또는 보기 검색 (초성도 ✅)
• 특수문자 무시하고 검색
• CTRL + F 또는 F3키로 바로 검색

47층 /seed/47

더 시드 47층 발판을 볼 수 있습니다.

48층 /seed/48

더 시드 48층 투명발판을 도와주는 미니맵 오버레이입니다.

• 메이플 화면을 공유하여 미니맵에 오버레이
• 점프구간 표시

49층 /seed/49

더 시드 49층 실루엣 모음입니다.

• 몬스터 이름 검색 (초성도 ✅)
• 마을 별 필터
• 실루엣 on/off
• 몬스터 클릭 시 복사
• 마우스 포인터가 실루엣에 올라가 있을 때 몬스터 표시

몬스터 라이프

스페셜 조합

스페셜 몬스터의 조합식을 보여줍니다.

• 전체 조합식 보기

몬스터 정리

조합식 또는 상자로 얻을 수 있는 몬스터들을 볼 수 있습니다.

• 몬스터 효과별 정리
• 전체 조합식 보기
• 상자 정보, 수명 연장 정보 보기

즐겨찾기

스페셜 조합, 몬스터 정리페이지에서 즐겨찾기 해놓은 몬스터들을 볼 수 있습니다.