Store

Store 구조 설계

• Store

  • 단일 스토어 형태로 상태유지가 필요한 데이터로 state를 정의하여 유지
  • Store는 state와 state를 immutable하게 변경해주는 함수로 구성
  • Controller를 통해 비즈니스 로직 수행 과정에서 state 변경함수가 호출되는 방식
  • Store의 특정 state값이 업데이트되면 StoreEventChannel의 특정 채널에 해당 state 값을 publish!

• View

  • Component(커스텀앨리먼트), 렌더링하여 View를 보여주는 역할만 담당
  • Store의 특정 state값에 따라 렌더링이 필요하다면 해당 state 값이 publish되는 채널을 StoreEventChannel을 통해 subscribe!

• StoreEventChannel

  • View - Store간의 중간계층
  • View와 Store간 결합도 낯추고, Store의 여러 state를 선택적으로 view가 업데이트 받을 수 있기 위한 구조
  • 내부구조는 옵저버 패턴으로 특정 채널에 대한 View의 옵저버(callback, binding object)를 유지하는방식
  • View에서 StoreEventChannel을 통해 선택적으로 필요한 state값에 따라 특정 채널을 subscribe 가능
  • Store에서 특정 채널에 publish하면 해당 채널을 subscribe한 옵저버에게 notify (옵저버의 callback 함수를 실행시켜줌)

• Controller

  • Component를 view를 렌더링하는 역할만 가질 수 있도록 비즈니스 로직을 분리한 계층
  • 비즈니스 로직 실행 도중, Store의 state 값의 업데이트가 필요한 경우 업데이트
  • 비즈니스 로직은 Store와 값이 변경되는 로직일 수도 있고, 아닐 수도 있다

Command 패턴 Undo / Redo