데이터 저장소

개요

게임의 다양한 데이터를 Namespace 단위로 저장하고 관리하는 페이지입니다. 각 Namespace 내에 Key-Value 형태로 데이터를 저장하며, JSON 형식의 데이터를 지원합니다.

주요 기능

1. Namespace 목록 및 검색:

• 좌측에는 생성된 Namespace 목록이 표시됩니다.

• [+ 추가] 버튼 (Namespace 목록 상단): 새로운 Namespace를 추가하는 모달을 엽니다.

• 검색창: Namespace 이름을 입력하여 특정 Namespace를 검색할 수 있습니다.

2. 데이터 목록 테이블 (선택된 Namespace 기준):

• 선택된 Namespace에 저장된 데이터 목록을 테이블 형태로 보여줍니다.

• ID 필드를 기준으로 데이터를 검색할 수 있습니다.

• [+ 추가] 버튼 (테이블 우측 상단): 현재 선택된 Namespace에 새로운 데이터를 추가하는 모달을 엽니다.

• 주요 컬럼:

  • id: 데이터의 고유 식별자.

  • Key: Key 에 매칭된 value 값을 나타냅니다. key로 설정된 이름에 따라 다르게 노출됩니다.

• 테이블 내 각 행을 클릭하면 해당 데이터를 편집하는 모달이 열립니다.

3. Namespace 추가 (모달):

• 네임스페이스: 새로 추가할 Namespace의 이름을 입력합니다.

• [취소] 버튼: Namespace 추가를 취소하고 모달을 닫습니다.

• [추가] 버튼: 입력한 이름으로 새 Namespace를 생성합니다.

4. 데이터 추가 (모달):

• ID: 새로 추가할 데이터의 고유 ID를 입력합니다. (필수)

• 데이터: JSON 형식의 데이터를 입력하는 텍스트 영역입니다. (필수)

  • 하단에 "데이터는 유효한 JSON 객체여야 합니다." 안내 문구가 표시됩니다.

• [취소] 버튼: 데이터 추가를 취소하고 모달을 닫습니다.

• [추가] 버튼: 입력한 정보로 현재 선택된 Namespace에 새 데이터를 추가합니다.

5. 데이터 편집 (모달):

• 기존 데이터를 수정합니다. '데이터 추가' 모달과 유사한 필드를 제공하며, 기존 값이 표시됩니다.

• 데이터: JSON 형식의 데이터를 수정합니다.

• [삭제] 버튼: 해당 데이터를 현재 Namespace에서 삭제합니다.

• [취소] 버튼: 변경 사항을 저장하지 않고 모달을 닫습니다.

• [저장] 버튼: 수정된 데이터 정보를 저장합니다.

6. 페이지네이션:

• 데이터 목록이 많을 경우 페이지를 나누어 보여주며, 페이지 이동 기능을 제공합니다.