2022-09-03 ~ 04
저번시간에 Flutter의 소개를 받았다면...
이번에는 Flutter의 위젯들에 대한 소개를 받았다고 할 수 있겠다.
생각보다 유용하고
생각보다 복잡하고
생각보다 단순하다
CSS와 굉장히 유사하고 아직까지는 디자이너를 위한 수업이라는 생각이 든다.
프로그래머로써는.... 데이터의 input, output이 가장 중요한데... 아직 그런건 없다.
그저 연습을 위해 리스트에 담아서 데이터를 가져왔을 때를 가정하여 처리할 뿐이다.
그리 복잡하지는 않으리라 생각된다.
파이썬을 공부하면서도 봤듯이.... 요즘은 그냥 조립만 잘하면 되고
사용자 경험을 토대로 기획을 잘 하는 것이 전부인 세상이 왔다.
이제는 개발에 대한 공부를 할 것이 아니라... 기획을 공부해야할지도 모르겠다.
오늘 알게된 위젯들을 생각하면서 정리해보자
Scaffold - 전체의 틀이되는 뼈대라고 생각하면 된다.
처음에는 이게 가장 상위일 것이라 생각했는데.. 이번에 하면서는 탭 안으로 들어갈 수 있다는 것을 알았다.
TabPageSelector - 탭으로 페이지를 나눴을 때 즉시 해당 탭으로 이동할 수 있도록 한다.
DefaultTabController - 탭을 사용하기 위한 기본이 되는 컨트롤러
AppBar - 화면의 상단바를 만들 때 사용한다. 버튼 등등을 넣을 수 있다.
Text - 텍스트를 표현한다.
Column - 세로 박스
Padding - 내측 공간
Flexibled - 상위 위젯이 하위를 컨트롤 할 수 있도로 함
Icon - 아이콘
IconButton - 아이콘 버튼
ImageIcon - 이미지 아이콘
Divider - 분리 선
Spacer - 양쪽을 떨어뜨려 놓음
Expanded - 쫙쫙 찢음
SizedBar - 칸 나눔
TextSpan - Text를 합침
WidgetSpan - 위젯을 합침
Container - 박스
Card - 카드
BoxDecoration - 박스 꾸미기
ClipRRect - 네모
Positioned - 위치 지정
Stack - 겹침
ListView - 리스트 (for 문 사용)
GestureDetector - 사용자 제스쳐 감지
SafeArea - 스크롤에 영향을 받지 않음