프론트엔드
UI 딜레마 규칙과 유연 사이
두줄요약
모달 크기는 콘텐츠 양, 사용자 행동, 탭의 비교 필요성에 따라 고정과 유동을 선택해야 합니다.\n규격을 유지하되 과도한 콘텐츠는 더 큰 모달이나 페이지 분리를 고려해야 합니다.
구조와 흐름
- 모달 너비·높이의 고정 규격과 콘텐츠 기반 유동 크기 사이의 UI 설계 딜레마
- 반복 모달은 S/M/L 규격, 업무 데이터·테이블은 확장 모달 또는 페이지 전환 검토
- 탭 비교 중심 구조는 고정 높이, 독립 콘텐츠와 큰 양 차이는 유동 높이 고려
선택 이유
- 콘텐츠 양과 실제 운영 데이터의 변화 폭 확인
- 정보 확인·비교·입력·수정 등 사용자 행동에 따른 크기 안정성 판단
- 콘텐츠 과다 시 모달 확장보다 페이지 분리의 적합성 재검토
트레이드오프
- 고정 크기의 일관성·컴포넌트 관리 편의성과 공간 부족·불필요한 여백의 상충
- 유동 크기의 콘텐츠 대응력과 탭 전환 시 화면 변화·일관성 저하의 상충
- 규격 단계는 유지하되 뷰포트·그리드·콘텐츠에 반응하는 유연한 적용
적용해볼 점
- 고정·유동의 이분법보다 시스템 통제 범위와 콘텐츠 위임 범위 정의
- 긴 내부 스크롤과 과도한 모달 크기를 페이지 전환 판단 신호로 활용
- 디자인 시스템 규칙의 목적과 현재 콘텐츠·사용 맥락의 적합성 동시 검토
