docs: MNG 모바일 반응형 Phase 3 완료 문서 업데이트
- PROGRESS.md Phase 3 완료 표시 - 02-implementation-plan.md Phase 3 상세 내용 업데이트
This commit is contained in:
@@ -56,19 +56,22 @@
|
|||||||
- 헤더 로고 옆에 현재 테넌트 뱃지 표시 (클릭 시 사이드바 열림)
|
- 헤더 로고 옆에 현재 테넌트 뱃지 표시 (클릭 시 사이드바 열림)
|
||||||
- 사용자 메뉴 chevron 아이콘 모바일에서 숨김, 패딩 축소
|
- 사용자 메뉴 chevron 아이콘 모바일에서 숨김, 패딩 축소
|
||||||
|
|
||||||
### Phase 3: 테이블 스와이프
|
### Phase 3: 테이블 스와이프 ✅ 완료
|
||||||
**목표**: 모든 테이블에 스와이프 기능 적용
|
**목표**: 모든 테이블에 스와이프 기능 적용
|
||||||
|
**완료일**: 2025-12-19
|
||||||
|
|
||||||
| 항목 | 작업 내용 | 대상 파일 |
|
| 항목 | 작업 내용 | 대상 파일 | 상태 |
|
||||||
|------|----------|----------|
|
|------|----------|----------|------|
|
||||||
| 3-1 | 테이블 래퍼 컴포넌트 생성 | `components/table-wrapper.blade.php` |
|
| 3-1 | 테이블 래퍼 컴포넌트 생성 | `components/table-swipe.blade.php` | ✅ |
|
||||||
| 3-2 | users 테이블 적용 | `users/partials/table.blade.php` |
|
| 3-2 | CSS 스크롤바/터치 스타일 | `resources/css/app.css` | ✅ |
|
||||||
| 3-3 | tenants 테이블 적용 | `tenants/partials/table.blade.php` |
|
| 3-3 | 11개 테이블 적용 | 각 모듈 테이블 | ✅ |
|
||||||
| 3-4 | 기타 테이블 적용 | 각 모듈 테이블 |
|
| 3-4 | 스와이프 힌트 UI | `table-swipe` 컴포넌트 내장 | ✅ |
|
||||||
| 3-5 | 스와이프 힌트 UI | 공통 컴포넌트 |
|
|
||||||
|
|
||||||
**예상 작업량**: 중간~높음 (테이블 수에 따라)
|
**구현 내용**:
|
||||||
**의존성**: 없음 (독립적으로 진행 가능)
|
- `<x-table-swipe>` Anonymous Blade 컴포넌트
|
||||||
|
- `-webkit-overflow-scrolling: touch` 터치 스크롤 최적화
|
||||||
|
- sm(640px) 미만에서 좌우 화살표 애니메이션 힌트
|
||||||
|
- 스크롤바 얇은 스타일 (4px height)
|
||||||
|
|
||||||
### Phase 4: 폼/필터 반응형
|
### Phase 4: 폼/필터 반응형
|
||||||
**목표**: 필터 영역과 버튼 그룹 모바일 최적화
|
**목표**: 필터 영역과 버튼 그룹 모바일 최적화
|
||||||
@@ -345,6 +348,6 @@ module.exports = {
|
|||||||
|-------|------|--------|
|
|-------|------|--------|
|
||||||
| Phase 1 | ✅ 완료 | 2025-12-19 |
|
| Phase 1 | ✅ 완료 | 2025-12-19 |
|
||||||
| Phase 2 | ✅ 완료 | 2025-12-19 |
|
| Phase 2 | ✅ 완료 | 2025-12-19 |
|
||||||
| Phase 3 | ⏳ 대기 | - |
|
| Phase 3 | ✅ 완료 | 2025-12-19 |
|
||||||
| Phase 4 | ⏳ 대기 | - |
|
| Phase 4 | ⏳ 대기 | - |
|
||||||
| Phase 5 | ⏳ 대기 | - |
|
| Phase 5 | ⏳ 대기 | - |
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
|-------|------|--------|----------|
|
|-------|------|--------|----------|
|
||||||
| Phase 1 | ✅ 완료 | 2025-12-19 | `mng-mobile/phase-1` |
|
| Phase 1 | ✅ 완료 | 2025-12-19 | `mng-mobile/phase-1` |
|
||||||
| Phase 2 | ✅ 완료 | 2025-12-19 | `mng-mobile/phase-2` |
|
| Phase 2 | ✅ 완료 | 2025-12-19 | `mng-mobile/phase-2` |
|
||||||
| Phase 3 | 🔄 진행 중 | - | - |
|
| Phase 3 | ✅ 완료 | 2025-12-19 | `mng-mobile/phase-3` |
|
||||||
| Phase 4 | ⏳ 대기 | - | - |
|
| Phase 4 | ⏳ 대기 | - | - |
|
||||||
| Phase 5 | ⏳ 대기 | - | - |
|
| Phase 5 | ⏳ 대기 | - | - |
|
||||||
|
|
||||||
@@ -53,19 +53,29 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 🔄 Phase 3: 테이블 스와이프 (진행 중)
|
## ✅ Phase 3: 테이블 스와이프 (완료)
|
||||||
|
|
||||||
**목표**: 모든 테이블에 스와이프 기능 적용
|
**완료일**: 2025-12-19
|
||||||
|
|
||||||
### 체크리스트
|
### 완료 항목
|
||||||
- [ ] 3-1: 테이블 래퍼 컴포넌트 생성 (`components/table-swipe.blade.php`)
|
- [x] 3-1: 테이블 래퍼 컴포넌트 생성 (`components/table-swipe.blade.php`)
|
||||||
- [ ] 3-2: users 테이블 적용
|
- [x] 3-2: CSS 스크롤바/터치 스타일 추가 (`app.css`)
|
||||||
- [ ] 3-3: tenants 테이블 적용
|
- [x] 3-3: 11개 테이블에 스와이프 적용 (daily-logs 제외 - 카드 형식)
|
||||||
- [ ] 3-4: 기타 테이블 적용
|
|
||||||
- [ ] 3-5: 스와이프 힌트 UI
|
|
||||||
|
|
||||||
### 참조 문서
|
### 구현 내용
|
||||||
- [02-implementation-plan.md](./02-implementation-plan.md) - 상세 구현 방안
|
- `<x-table-swipe>` 컴포넌트로 테이블 래핑
|
||||||
|
- `overflow-x-auto` + `-webkit-overflow-scrolling: touch` 터치 스크롤
|
||||||
|
- 모바일에서 좌우 화살표 애니메이션 힌트 (sm 미만)
|
||||||
|
- 스크롤바 얇은 스타일 (4px height)
|
||||||
|
|
||||||
|
### 적용된 테이블 (11개)
|
||||||
|
- users, tenants, roles, departments, permissions
|
||||||
|
- menus, archived-records, boards
|
||||||
|
- quote-formulas, quote-formulas/categories
|
||||||
|
- project-management/projects
|
||||||
|
|
||||||
|
### 제외된 테이블
|
||||||
|
- daily-logs: 카드 리스트 형식 (테이블 아님)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -92,4 +102,4 @@
|
|||||||
|
|
||||||
| 날짜 | 내용 |
|
| 날짜 | 내용 |
|
||||||
|------|------|
|
|------|------|
|
||||||
| 2025-12-19 | Phase 1, 2 완료. Phase 3 시작 |
|
| 2025-12-19 | Phase 1, 2, 3 완료 |
|
||||||
|
|||||||
Reference in New Issue
Block a user