Notice
Recent Posts
Recent Comments
Link
«   2026/05   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Archives
Today
Total
관리 메뉴

D-Park

선언적으로 생각하기 본문

Flutter/StateManagement

선언적으로 생각하기

Dev-Park 2023. 6. 23. 00:28
  • 선언적으로 생각하기
    • 만약 Android SDK나 iOS UIKit과 같은 명령형 프레임워크에서 Flutter로 전환하려면 앱 개발을 새로운 관점에서 생각해야 합니다.
    • Flutter에서는 여러분이 가지고 있을 수 있는 많은 가정들이 적용되지 않습니다. 예를 들어, Flutter에서는 수정하는 대신 UI의 일부를 처음부터 다시 만드는 것이 괜찮습니다. Flutter는 필요한 경우에는 매 프레임마다도 그렇게 할 수 있을 만큼 빠릅니다.
    • Flutter는 선언적입니다. 이는 Flutter가 앱의 현재 상태를 반영하여 사용자 인터페이스를 구축한다는 것을 의미합니다.

  • UI = f(상태)라는 수학적인 공식입니다.
    • 'UI'는 화면의 레이아웃을 의미
    • 'f'는 빌드 메서드를 의미
    • 'state'는 애플리케이션의 상태.
  • 앱의 상태가 변경될 때마다(예: 사용자가 설정 화면에서 스위치를 뒤집을 때), 상태를 변경하고 이로 인해 사용자 인터페이스가 다시 그려집니다. UI 자체를 명령형으로 변경하는 것(widget.setText과 같은)이 아니라 상태를 변경하면 UI는 처음부터 다시 구축됩니다.

  • UI 프로그래밍의 선언적 스타일은 많은 이점을 가지고 있습니다. 놀랍게도 UI의 모든 상태에 대해 단 하나의 코드 경로만 있습니다. 어떤 상태에서 UI가 어떻게 보여야 하는지를 한 번 설명하면 됩니다.

  • 처음에는 이러한 프로그래밍 스타일이 명령형 스타일만큼 직관적으로 느껴지지 않을 수 있습니다.
    이것이 이 섹션이 존재하는 이유입니다. 계속해서 읽어보세요.

  • 요약:
    • Flutter에서는 UI를 수정하는 대신 처음부터 다시 만들 수 있습니다.
    • Flutter는 선언적인 스타일을 가지고 있으며, 앱의 상태에 따라 UI를 구축합니다.
    • 상태 변경은 UI를 다시 그리는 것을 유발하며, UI 자체를 명령형으로 변경하지 않습니다.
    • 선언적인 스타일은 UI 프로그래밍에 많은 이점을 제공합니다.
    • 이 스타일은 명령형 스타일보다 직관적으로 느껴지지 않을 수 있지만, 계속해서 익숙해질 수 있습니다.

 

 

 

 

- 출처 : https://docs.flutter.dev/data-and-backend/state-mgmt/declarative

'Flutter > StateManagement' 카테고리의 다른 글

ephemeral state and app state  (0) 2023.06.23