Giter Site home page Giter Site logo

mapleutils-web's Introduction

메이플 유틸 웹 페이지

About

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

주요 스택

설치 및 실행

> npm install --legacy-peer-deps # install dependencies
> npm run dev # development
> npm run build && npm start # production

사이트맵 생성

> npm run sitemap

환경변수

GOOGLE_ANALYTICS_VIEW_ID="<GOOGLE-ANALYTICS-VIEW-ID>"
GOOGLE_CLIENT_EMAIL="<GOOGLE-API-SERVICE-ACCOUNT-MAIL>"
GOOGLE_CLIENT_ID="<GOOGLE-API-SERVICE-ACCOUNT-ID>"
GOOGLE_PRIVATE_KEY="<GOOGLE-API-SERVICE-ACCOUNT-PRIVATE-KEY>"

i18n

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

한글 페이지 https://mapleutils.com/[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
  • 몬스터 클릭 시 복사
  • 마우스 포인터가 실루엣에 올라가 있을 때 몬스터 표시

몬스터 라이프

스페셜 조합

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

  • 전체 조합식 보기
  • http://wachan.me데이터 불러오기 / https://meso.kr바로가기

몬스터 정리

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

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

즐겨찾기

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

mapleutils-web's People

Contributors

leesangb avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.