김재우·2022년 9월 30일
0

react

목록 보기
1/3

애플리케이션마다 UI Framework가 각각 다른데, 크게 명령형 UI(Imperative UI) 와 선언형 UI(Declarative UI) 로 나눌 수 있다. 


각각 왼쪽이 명령형 UI, 오른쪽이 선언형 UI
1. 명령형 UI 는 선언형 UI와 다르게 View 를 추가하거나 삭제할수 있는 프레임 워크 형태!
명령형 스타일에서는 일반적으로 ViewB 의 소유자로 이동하여 findViewById 또는 이와 유사한것을 사용하여 인스턴스를 검색 그리고 해당 인스턴스에서 변형을 호출한다고 한다.

// Imperative style
b.setColor(red)
b.clearChildren()
ViewC c3 = new ViewC(...)
b.add(c3)

2.선언형 UI
선언형 UI는 새로 나온 개념이다. 코드 상에 추가한 화면 View는 더이상 추가하거나 삭제 할수 없기 때문에 화면을 변경하기 위해선 새롭게 만들어야 한다.
그래서 State 라는 개념이 도입되었고, 선언형 UI에선 뷰마다 State가 있고 이 State값이 변경하게 되면 새로운 화면을 생성해서 다시 화면을 업데이트 한다고 한다!

// Declarative style
return ViewB(
  color: red,
  child: const ViewC(),
);

UI를 변경하기 위해 재빌드를 트리거 하고 새 위젯 하위 트리를 구성!

참고링크
참고링크

profile
프론트엔드 꾸준개발자입니다.

0개의 댓글