Dart

Flutter vs React Native 선택

개념

• 다트가 주 언어이며 객체지향형 프로그래밍을 지향한다 (위젯 클래스) - 재사용성이 용이

• Stateful

  • 상태를 가지고 있는 위젯 아래와 같은 LifeCycle을 가지고 있다.
  • initState는 한번만 실행되며 build메소드 보다 이전에 실행된다.
  • bulild에서 위젯 정보를 가지고 있다.
  • dispose()는 스크린이 사라지기전에 실행된다.

  → 좀 더 자세한 라이프사이클

  • setState() → dirty→ build() →clean

• Stateless

  • 상태를 가지고 있지 않은 UI 위젯

• build에서 가지고 있는 context엔 위젯 전체의 정보를 가지고 있다.

• Hot reload가 되는 방식

  • build method() → Widget tree rebuild → element tree가 Render tree에 변경된 부분만 넘겨주고 해당 위젯만 리랜더링

상태관리

RiverPod

위젯에의 사용법

Widget build (Context context, WidgetRef ref) {
	void onRefresh () => ref.refresh(anyProvider.future); //리프레쉬 방법
}

Provider

주로 이용되는 위젯(Widget) 특징

• FutureBuilder
  • fetch 데이터를 state 없이 이용할 수 있는 위젯
• Row
  • mainAxisAlignment (가로)
  • crossAxisAlignment (세로)
• Column
  • mainAxisAlignment (세로)
  • crossAxisAlignment (가로)