[TIL]220916 - Flutter 프로젝트 구조와 앱 구조

1. 프로젝트와 앱 구조

• pubspec.yaml: 앱 이름, 버전, 빌드, 의존성, 리소스 등이 등록되어 있는 파일

• 기본 코드 구조 분석

main ()
	-> runApp(new MyApp))
    -> MyApp()
    	-> build()
        	->MaterialApp()
            	->Scaffold()

• 위젯
  위젯은 용도에 따라 상태 저장(Stateful) 또는 상태 비저장(Stateless)로 구분됨.
  
• StatefulWidget (stful) - Widget , State 클래스 모두 자동 생성
  • 절대 변경되지 않음
  • build를 최초 1번만 호출
  • 예) 아이콘, 아이콘 버튼, 텍스트
• StatelessWidget (stless)
  • 동적으로 변화함
  • 수신된 데이터에 따라 변경됨
  • 예) 체크박스, 라디오 버튼, 슬라이더, 텍스트 필드 등
  • 위젯의 상태는 상태 객체(State object)에 저장됨
  • 위젯 상태 변경시 setState() 호출해 프레임 워크에 위젯을 다시 그리도록 지시함

• Scaffold 클래스와 AppBar 클래스

1. Scaffold 클래스
   안드로이드 material 디자인 앱을 만들 때 뼈대가 되는 위젯
   MeterialApp -> Scaffold 호출이 기본 형태

2. AppBar 클래스
   안드로이드 meterial 디자인 앱 상단을 나타냄

---

2. 기본 위젯

- Text

body: Text(
	'Hello World!',
    Style: TextStyle(
    	fontSize: 40.0,
        fontWeight: FontWeight.bold,
        color: Color.red
    ), //TextStyle
), //Text