반응형 UI
반응형 UI (Responsive UI)
Material Design 레이아웃은 동일한 요소와 간격을 사용해 플랫폼, 환경, 화면 크기 전반에 걸친 일관성을 장려합니다.
Material Design의 반응형 레이아웃은 어떤 화면 크기에도 적응해요. UI를 반응형으로 만들기 위해 다음 헬퍼들을 제공해요:
- Grid: Material Design 반응형 레이아웃 그리드로, 화면 크기와 방향에 적응해 레이아웃 전체의 일관성을 보장해요.
- Container: 컨테이너는 콘텐츠를 수평으로 중앙 정렬해요. 가장 기본적인 레이아웃 요소예요.
- Breakpoints: 다양한 컨텍스트에서 breakpoint를 사용할 수 있게 해주는 API예요.
- useMediaQuery: React용 CSS media query 훅이에요. CSS media query와의 일치 여부를 감지해요.
출처: 문서