[5장][효리] 리액트와 상태 관리 라이브러리
Closed this issue · 1 comments
hyoribogo commented
퀴즈
-
FLUX 패턴은 기존의 [ A ] 패턴의 [ B ] 문제점을 극복하기 위해 나온 패턴이다.
-
FLUX 패턴의 4가지 요소를 적어주세요.
-
FLUX 패턴의 단점을 적어주세요.
답
정답
-
A: MVC / B: 양방향 데이터 바인딩으로 프로젝트 규모가 커질수록 데이터 흐름을 추적하기 어렵다.
- action: 액션과 액션에 포함시킬 데이터를 말한다. 액션 타입과 데이터를 정의해 디스패처로 보낸다.
- dispatcher: 액션을 스토어에 보낸다. 콜백 함수 형태다. 애플리케이션 내에서 단 하나만 존재해야 하며, 중앙 집중식으로 액션을 관리한다.
- store: 실제 값과 상태를 변경할 수 있는 메서드를 가지고 있다.
- view: 컴포넌트에 해당하는 부분으로, 스토어의 데이터를 화면에 렌더링하거나 액션을 호출해 상태를 업데이트한다.
- 사용자의 입력에 따라 데이터를 갱신하고 화면을 어떻게 업데이트해야 할지도 코드로 작성해야 하므로 코드 양이 많아지고 개발자도 번거롭다.
댓글 작성법
(다음과 같이 답을 작성해 댓글로 달아주세요)
<details>
<summary>정답</summary>
<div markdown="1">
정답 설명
</div>
</details>
khj0426 commented
정답
MVC패턴에서 애플리케이션이 커질 때 양방향의 model-view관계가 얽혀 상태를 추적하기 힘든 문제
action.dispatch,store,view
flux 패턴에서 하나의 상태를 만들고 관리하기 까지 많은 코드의 양이 들어간다.