에버리프: 탐험은 익숙하게,
전투는 카드로 새롭게.
필드를 탐험하고 카드를 모아, 나만의 덱으로 보스에 도전하세요.
메이플스토리 월드에서 플레이하는 크리에이터 게임입니다.
적을 만나면,
손에 든 카드로.
필드를 걷다 적을 만나면 내 턴이 시작됩니다. 적의 다음 행동과 남은 MP를 살피고, 공격과 방어를 골라 턴을 마무리하세요.
전투에서 얻은 카드로 덱을 채우며 다음 상대와 보스에 도전해보세요.
모험의 흐름은 간단해요.
탐험하기
필드를 탐험하며 몬스터를 만나고 숨겨진 보상을 찾아보세요.
카드 고르기
상황에 맞는 카드를 선택해 나만의 전략을 만들어보세요.
턴 마치기
적의 다음 행동을 살피고 공격과 방어를 골라 턴을 마무리하세요.
모험을 시작할 준비가 됐다면.
메이플스토리 월드의 에버리프 페이지에서 게임을 열고, 현재 플레이 정보를 확인하세요.
만든 과정과 기술 이야기
2D 필드 탐험과 턴제 카드 전투를 결합한 메이플스토리월드 덱빌딩 로그라이트입니다. 동료와 게임 UI를 개선하고, 공식 웹사이트와 EverWiki CMS를 개발했습니다.
담당한 일
- 게임 UI 공동 개발, 공식 웹사이트와 EverWiki CMS 설계·개발
- GitHub 로그인, 편집 권한, 콘텐츠 개정 이력과 발행 흐름 구현
- 게임플레이 미디어 구성, 반응형 랜딩과 소셜 유입 경험 개선
개발 기록
· Notion 문서 114개와 표지 이미지 106개를 CMS에 반영하고 불완전한 자료는 검토 대기 상태로 남겼습니다. 게임 UI 병합에도 동료와 함께 참여했습니다.
배경
게임의 규칙과 분위기를 플레이 전에 이해할 수 있도록 공식 소개 페이지와 홍보 미디어를 함께 구성했습니다.
도감과 가이드가 늘면서 코드 수정 없이 운영자가 콘텐츠를 관리하고, 검토 전 초안이 공개되지 않는 편집 흐름이 필요해졌습니다.
구현한 것
- 게임 인벤토리·상태창, HUD, 직업 선택과 카드 상세 UX 공동 개선
- 공개 EverWiki와 게임 소개·뉴스를 연결한 공식 웹사이트
- 역할별 권한, 초안·발행본 분리, 개정 이력과 발행 충돌 방지를 포함한 CMS
- 반응형 히어로·갤러리와 개인정보를 최소화한 링크 클릭 분석
- Notion 문서·표지 이관 시 누락 자료는 자동 발행하지 않고 검토 대기 처리
제약과 주요 판단
- 편집 중인 초안과 현재 공개된 문서를 분리하고 동시 편집으로 인한 덮어쓰기를 방지해야 함
- 외부 문서·이미지를 가져올 때 출처와 첨부 파일을 확인하고 발행 전에 검토해야 함
- 모바일·저속 네트워크·모션 감소 설정에서 영상이 탐색을 방해하지 않아야 함
- Next.js 16과 Supabase로 EverWiki·공지·게임 데이터를 관리하는 통합 CMS 구성
- GitHub 계정에 역할별 편집 권한을 부여하고 초안·발행 개정본을 분리해 발행 시점에 공개 데이터를 갱신
- 가져온 콘텐츠는 운영자가 검토한 뒤 반영하고 동시 발행 충돌을 검사
- 랜딩 영상과 갤러리를 화면·접근성 조건에 맞게 조정하고 일반 링크 클릭 분석 추가
- 이전 Heartbeat·Redis 상태 모니터링을 종료하고 관련 경로는 410 Gone으로 정리
검증 범위와 남은 한계
- 게임 UI의 코드 변경과 Maker에서의 실제 플레이 검증을 구분합니다. 웹사이트·CMS 공개 페이지 확인은 게임 전체의 실행 검증을 대신하지 않습니다.
- 관리자 계정의 편집·발행 전 과정과 외부 문서 이관은 별도 확인이 필요합니다.
- 종료한 상태 모니터링은 현재 제공 기능에 포함하지 않습니다.
다음 작업
- 검토를 거친 문서 이관과 운영자 편집·발행 흐름의 실제 사용 검증
- 도감·가이드 콘텐츠의 출처와 개정 이력 보완
기술 선택
| 기술 | 선택 이유 및 적용 위치 | 실제 겪은 제약 및 배운 점 |
|---|---|---|
MapleStory Worlds / Lua | 게임 UI와 카드 전투 상호작용 구성 | 코드 확인과 Maker에서의 실제 조작 검증을 구분 |
Next.js 16 & React 19 | 공식 사이트와 CMS의 공개·관리자 화면 구성 | 공개 콘텐츠와 편집 중인 상태를 분리 |
Supabase / PostgreSQL | 문서·개정 이력·역할과 발행 상태 저장 | 권한 검사와 원자적 발행으로 일관성 유지 |
GitHub OAuth | 운영자 로그인과 역할별 편집 권한 | 로그인 성공과 콘텐츠 수정 권한을 별도로 확인 |
Tailwind CSS & Vercel Analytics | 반응형 레이아웃과 링크 사용 흐름 확인 | 모션·네트워크 조건과 개인정보 최소화 고려 |