로그인
← 패치노트 목록으로
메이플스토리 연동

[사냥 빌드] 공식 직업 이미지 선택기

사냥 빌드 직업 선택을 넥슨 메인 하단 캐릭터 소개와 같은 분류·대형 소개 패널 구조로 개선했습니다.

적용 완료

적용 서비스 바로가기

클릭하면 이 업데이트가 적용된 관련 페이지로 직접 이동합니다.

상태 변경 기록

변경 시점을 클릭하면 그때 게시된 내용을 볼 수 있습니다. 스냅샷 기능 도입(2026년 8월 25일) 이전 기록은 내용 복원이 불가합니다.

2
  1. 작업 중 상태로 게시

  2. 작업 중 → 적용 완료

직업이 많은 환경에서도 원하는 직업을 빠르게 찾고 캐릭터 소개를 함께 확인할 수 있도록 좌측 선택 영역을 정리했습니다.

  • 간결한 좌측 패널: BUILD CONTROL 상단 구분 영역을 제거하고 직업 선택과 설치 스킬 목록을 바로 표시
  • 직업 분류·검색: 전사·마법사·궁수·도적·해적의 넓은 분류 버튼과 직업명·초성 검색을 함께 제공
  • 초성·별칭 검색: `ㄴㅇㅌㄹㄷ`처럼 초성만 입력해도 나이트로드를 찾고, `불독`·`ㅂㄷ` 및 `썬콜`·`ㅆㅋ` 별칭과 별칭 초성으로 각 아크메이지를 검색 가능
  • 공식 캐릭터 소개 패널: 검색 결과 hover·키보드 focus 시 우측 패널에서 주 분류·세부 분류 태그, 큰 직업명, 공식 소개 문구·사용 무기와 우측 하단 대형 캐릭터 이미지를 표시
  • 고정 소개 높이: 결과 수가 줄어도 다이얼로그와 우측 소개 패널 높이를 유지하고 결과 목록만 스크롤
  • 공식 원본 48개: 넥슨 메인 하단 직업 섹션의 `mainImg`와 같은 공식 `char_#.png` 원본을 사용하며 1344×710 비율을 유지
  • 로컬 자산·메타데이터: 외부 URL을 직접 표시하지 않고 public/assets/jobs/nexon-guide의 PNG와 공식 jobs.js에서 추출한 분류·소개 데이터를 사용
  • 반응형 결과: 데스크톱은 목록과 우측 소개 패널을 병렬 배치하고 모바일은 소개 패널을 목록 위에 배치하며 내부 스크롤 지원
  • 접근성·성능: 검색 입력 자동 포커스, Escape 닫기, 단일 검색 결과 Enter 선택과 lazy loading·async decoding 지원

이미지·소개 출처: https://maplestory.nexon.com/home/main

넥슨 오픈 API · 메이플IP 리소스 사용중