쌤닷컴

4강

텍스트 다루기

버튼 3종류

앱바 아이콘 텍스트 배치

박스 다루기

박스에 패딩, 마진, 테두리(decoration사용) 효과주기

정렬, 박스 꽉 채우기

가로세로 배치하는 법과 Scaffold

** ctrl + space로 자동완성 잘써라.. 외우지말고

1. 기본 앱의 구성 (Top, Body, Bottom)

2. 위젯 가로 배치

3. 위젯 세로 배치  : Row -> Column으로 변경

4. 정렬

  가로기준 가운데 정렬 :

mainAxisAlignment: MainAxisAlignment.center,

  가로기준 가운데 정렬 1줄 꽉 차게 퍼뜨려서 배치

mainAxisAlignment: MainAxisAlignment.spaceEvenly,

  가로기준에서 세로 정렬?

crossAxisAlignment: CrossAxisAlignment.center,

! 숙제 코드

더보기

4가지 위젯

1. 텍스트 위젯

Text('Hello')

2. 아이콘 위젯

Icon(Icons.shop)

3. 이미지 위젯

  가. 이미지 보관용 assets폴도 만들기

  나. pubspec.yaml에서 assets폴더 등록하기

  다. Image.asset('경로')     예) Image.asset('flower.png')

4. 박스 위젯

  가. Container()

  나. SizedBox()

  다. Center()

  라. 스타일은 width, height는 단위가 LP로 50LP는 1.2cm를 의미 // color: Colors.blue

참고강의: https://www.youtube.com/watch?v=mLQ-ehf3d6Y&list=PLfLgtT94nNq1izG4R2WDN517iPX4WXH3C&index=3