1장 그리드 - 페이지에 구성 요소 배치하기
__소개
__브레이크포인트 적용
__공간 채우기
__컨테이너와 항목의 추상화
__고정열 레이아웃
__열 방향 변경
2장 앱바 - 모든 페이지의 최상위 수준
__소개
__고정된 위치
__스크롤 시 숨기기
__툴바 추상화
__내비게이션과 함께 사용하기
3장 드로어 - 내비게이션 제어를 위한 장소
__소개
__드로어 타입
__드로어 항목 상태
__드로어 항목 내비게이션
__드로어 섹션
__앱바 상호작용
4장 탭 - 콘텐츠를 탭 섹션으로 그룹화하기
__소개
__앱바 통합
__탭 정렬
__상태에 기반한 탭 렌더링
__탭 콘텐츠 추상화
__경로로 탭 탐색하기
5장 확장 패널 - 콘텐츠를 패널 섹션으로 그룹화하기
__소개
__상태 저장 확장 패널
__패널 헤더 서식 지정
__스크롤 가능한 패널 콘텐츠
__패널 콘텐츠 지연 로딩
6장 리스트 - 간단한 수집 데이터 표시
__소개
__상태를 사용한 리스트 항목 렌더링
__리스트 아이콘
__리스트 아바타와 텍스트
__리스트 섹션
__중첩된 리스트
__리스트 제어
__리스트 스크롤
7장 테이블 - 복잡한 수집 데이터 표시
__소개
__상태 테이블
__정렬 가능한 열
__행 필터링
__행 선택
__행 동작
8장 카드 - 상세 정보 표시
__소개
__메인 콘텐츠
__카드 헤더
__동작 수행하기
__미디어 표현
__확장 카드
9장 스낵바 - 임시 메시지
__소개
__스낵바 콘텐츠
__상태로 가시성 제어하기
__스낵바 전환
__스낵바 위치 지정
__오류 경계와 오류 스낵바
__스낵바 동작
__스낵바 큐
10장 버튼 - 동작 시작하기
__소개
__버튼 변형
__버튼 강조
__링크 버튼
__플로팅 동작
__아이콘 버튼
__버튼 크기
11장 텍스트 - 텍스트 입력 수집
__소개
__상태로 입력 제어하기
__자리표시자와 헬퍼 텍스트
★ 이 책의 대상 독자 ★
머티리얼 UI로 애플리케이션에서 더 나은 사용자 경험을 제공하려는 모든 개발자를 대상으로 한다. 노련한 전문가부터 초보 개발자까지 모두에게 적합한 책이며, 머티리얼 UI에 대해 상세한 설명을 가득 담고 있다. 여러분이 머티리얼 디자인에 익숙하지 않다고 가정해 설명하지만, 이 책을 최대한 활용하려면 리액트와 현대 자바스크립트에 대한 최소한의 실무 지식은 갖춰야 한다.
리액트를 가르치는 것이 이 책의 목적은 아니지만, 예제를 따라 하는 데 도움이 된다면 리액트 특화 메커니즘도 설명한다
★ 이 책의 구성 ★
1장. ‘그리드 - 페이지에 구성 요소 배치하기’에서는 그리드 시스템을 사용해 페이지에 구성 요소를 배치한다.
2장. ‘앱바 - 모든 페이지의 최상위 수준’에서는 앱바를 UI의 상단에 추가한다.
3장. ‘드로어 - 내비게이션 제어를 위한 장소’에서는 드로어를 사용해 메인 내비게이션을 표시한다.
4장. ‘탭 - 콘텐츠를 탭 섹션으로 그룹화하기’에서는 콘텐츠를 탭으로 구성한다.
5장. ‘확장 패널 - 콘텐츠를 패널 섹션으로 그룹화하기’에서는 콘텐츠를 패널로 구성한다.
6장. ‘리스트 - 간단한 수집 데이터 표시’에서는 사용자가 읽고 상호작용할 수 있는 항목의 리스트를 렌더링한다.
7장. ‘테이블 - 복잡한 수집 데이터 표시’에서는 데이터 수집에 대한 자세한 정보를 보여준다.
8장. ‘카드 - 상세 정보 표시’에서는 카드를 사용해 특정 엔티티/사물/객체에 대한 세부 정보를 표시한다.
9장. ‘스낵바 - 임시 메시지’에서는 사용자에게 애플리케이션의 현재 상황을 알린다.
10장. ‘버튼 - 동작 시작하기’에서는 사용자가 작업을 수행하는 가장 일반적인 방법인 버튼을 설명한다.
11장. ‘텍스트 - 텍스트 입력 수집’에서는 사용자가 정보를 입력할 수 있게 한다.
12장. ‘자동 완성과 칩 - 여러 항목에 대한 텍스트 입력 제안’에서는 사용자가 입력할 때 선택 사항을 제공한다.
13장. ‘선택 - 선택 사항의
