IMO

The World Of Magic MMORPG Wiki 및 가이드 본 개인 프로젝트

1. 개요

내가 즐겨하는 게임에 데이터가 외국에는 있으나 한국에는 존재하지 않아서 내가 찾기 쉽게 보기 쉽게 하기 위해 Wiki를 위해 내가 만들어보기로 했다. 특히 기존에 데이터가 넓게 분포되어 있고 기존에 존재하는 게임이기 때문에 서버에 들어갈 데이터는 쉽게 처리가 가능한게 장점이다.

2. 프로젝트 – Node Js 기반

  • Main – Next Js
    • Server 및 React를 활용하기 좋고 React 권장이자 개발 및 배포가 쉽고 빠르다는 강점이 있다.
  • DB – Maria DB
    • 많은 데이터에 추후 추가될 데이터가 별로 없기 때문에 무료 DB인 Maria DB를 활용 했다
  • Cloud Service – Conoha (Ubuntu 및 Docker)
    • 기존에 결제만 계속하는 가벼운 일본 서버가 있기때문에 활용하기로 함.
  • Library
    • Axios
    • MUI
    • prisma ORM
    • sharp
    • recoil
    • styled-component
    • react-slick

3. 프로젝트 중시 사항

  • 사전에 재사용성이 있는지 검토하고 최대한 재사용하고 중복코드 방지
  • 사용자가 보기에 편하도록 최소한의 뎁스를 활용
  • 이미지 활용이 있으니 이미지 리사이징 필수
  • 무조건 완성할것

4. 진행도

  • 페이지
    • 메인 페이지 (완료)
    • 몬스터 정보 페이지 ( 50%)
      • 맵 리스트 (완료)
      • 몬스터 정보
    • 퀘스트 페이지
      • 지역으로 구분, NPC로 구분, 특정 퀘스트로 구분할지 필터링 처리 해야됨
    • NPC 페이지
      • 판매정보, 퀘스트 정보등 구분해서 표기해야함
    • 스킬 페이지
      • 드롭정보, 판매정보 표기해야함
    • 아이템 페이지
      • 드롭정보 표기
    • 장비 페이지
      • 드롭정보, 판매 표기
    • 코스튬 페이지
      • 판매 가격, 어떤 종류인지 표기
  • API
    • 이미지 불러오는 API 구현 (완료)
    • 맵 리스트 API 구현 (완료)
    • 몬스터 리스트 API 구현
    • 스킬 리스트 API 구현
    • NPC 리스트 API 구현
    • 장비 리스트 API 구현
    • 아이템 리스트 API 구현
    • 코스튬 리스트 API 구현
    • 드랍 아이템 정보 API 구현
  • 검색 컴포넌트 구현
    • 스크립트 내부에서 처리하도록 하기로 함
    • (추후 시간이 되면 ELK 활용도 가능할듯?)
LIST