[Feature] 기기 관리 페이지 구현 #21

Closed
opened 2026-02-27 07:54:19 +00:00 by seonkyu.kim · 0 comments
Owner

설명

HTML 시안(device-list.html)을 기반으로 기기 관리 페이지를 구현한다.
기기는 앱에서 자동 등록되므로 목록 페이지 + 슬라이드 패널 상세만 존재한다 (등록/수정 없음).

배경

Phase 1 프론트엔드 페이지 구현 중 기기 관리 페이지가 필요하다.

체크리스트

  • 타입 + 상수 + 목 데이터 정의 (types.ts)
  • Device ID / Push Token 토글 팝오버 셀 구현 (SecretToggleCell)
  • 슬라이드 패널 상세 + 삭제 모달 구현 (DeviceSlidePanel)
  • 목록 페이지 구현 (필터 4개 + 8컬럼 테이블 + 페이지네이션)
  • PlatformBadge 아이콘 전용으로 수정
  • FilterDropdown 중앙 정렬 적용

참고

  • HTML 시안: Documents/html/device/device-list.html
  • API 연동은 별도 작업으로 분리
## 설명 HTML 시안(`device-list.html`)을 기반으로 기기 관리 페이지를 구현한다. 기기는 앱에서 자동 등록되므로 목록 페이지 + 슬라이드 패널 상세만 존재한다 (등록/수정 없음). ## 배경 Phase 1 프론트엔드 페이지 구현 중 기기 관리 페이지가 필요하다. ## 체크리스트 - [ ] 타입 + 상수 + 목 데이터 정의 (`types.ts`) - [ ] Device ID / Push Token 토글 팝오버 셀 구현 (`SecretToggleCell`) - [ ] 슬라이드 패널 상세 + 삭제 모달 구현 (`DeviceSlidePanel`) - [ ] 목록 페이지 구현 (필터 4개 + 8컬럼 테이블 + 페이지네이션) - [ ] PlatformBadge 아이콘 전용으로 수정 - [ ] FilterDropdown 중앙 정렬 적용 ## 참고 - HTML 시안: `Documents/html/device/device-list.html` - API 연동은 별도 작업으로 분리
seonkyu.kim added the
Priority
Medium
Status
In Progress
Type
Feature
labels 2026-02-27 07:54:29 +00:00
seonkyu.kim self-assigned this 2026-02-27 07:54:31 +00:00
seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-02-27 07:54:32 +00:00
seonkyu.kim changed title from 기기 관리 페이지 구현 to [Feature] 기기 관리 페이지 구현 2026-02-27 07:56:59 +00:00
seonkyu.kim added
Status
Done
and removed
Status
In Progress
labels 2026-02-27 08:00:11 +00:00
Sign in to join this conversation.
No description provided.