패스트 캠퍼스 챌린지 11일차


수강 강의명:
복습:
CH01_04. 위젯 넣어보기 (MaterialApp, Scaffold, Text, Icon, Image)
CH01_05. UI 만들어보기(앱의 타이틀, 화면에 표시되는 텍스트 표현 등)
강의 내용 :
복습)
★위젯-Widget
Flutter에서 기본 디자인 요소를 위젯이라고 부릅니다.
Flutter는 위젯이 쌓여 앱을 구성합니다.
ex)위젯이 레고라 생각하고 10종의 레고로 항고모함도 만들고 자동차도 만드는데 이 위젯으로 쿠팡 또는 페이스북 등도 만들 수 있다.
-MaterialApp 클래스
머테리얼 디자인을 사용하는 어플리케이션 플로터 앱의 기본 구조
-Scaffold 클래스
플로터 앱 페이지 기초 구조
AppBar, FAB(Floating Action Botton), BottomNavigationBar
Text 위젯: 글자를 표현하는 위젯
Icon 위젯: 아이콘을 표현하는 위젯
Image 위젯: 이미지를 표현하는 위젯
Cotainer 위젯: 다른 위젯을 감싸는 위젯
TextButton 위젯: 클릭 가능한 텍스트 버튼
IconButton 위젯: 클릭 가능한 아이콘 버튼
★UI 만들어보기
-AppBar
앱 페이지 상단에 고정된 위젯
페이지 이동 및 페이지 저장 버튼을 추가 가능
-FloatingActionButton
페이지 하단에 떠있는 버튼 위젯
-BottomNavigationBar
다양한 페이지를 선택할 수 있는 하단 고정 위젯
-BottomSheet
여러 액션을 사용할 수 있는 하단 고정 위젯
-setState : 상태 변경 함수
<Cupertino>
-iOS 디자인 위젯
-CupertinoActionSheet
iOS버전 BottomSheet 위젯
-CupertinoSegmentedControl
옵션 선택 가능한 위젯
-CupertinoAlertDialog
iOS 디자인 다이얼로그 위젯
-CupertinoSwitch
iOS 디자인 스위치 위젯
강의 요약 :
위젯의 종류와 실습, 실제 UI 만들어보기(FloatingAcionButton)
후기
현재 가상 안드로이드 화면을 쓸 수 없어 실습에 불편이 있지만 가상 화면을 띄울 수 있는 방법을 찾아 실습할 수 있도록 해야겠습니다.
#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기
#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.