본문 바로가기

반응형
SMALL

Redux

Normalizing State Shape 안녕하세요. 꼬동입니다. 직역을 하자면, State의 형태를 표준화한다. 라는 뜻이 될텐데, 어떤 의미를 가지는지 한 번 같이 보도록 합시다. 해당 글은 Redux 로직과 패턴을 분석하는 글로서, Redux 공홈 Docs를 옮겨 적는 글입니다. https://redux.js.org/usage/structuring-reducers/normalizing-state-shape Normalizing State Shape | Redux Structuring Reducers > Normalizing State Shape: Why and how to store data items for lookup based on ID redux.js.org 대부분의 애플리케이션은 객체에서 depths를 가진 data를 많이 표현하.. 더보기
NGRX - Actions 안녕하세요 ! 꼬동입니다. 그.... 이번에 한 번 진짜 ! 각 잡고 ! NGRX 훑어보기 할려고 합니다. 이번엔 진심 !! 꾸준히 !! 할거야 !! 우선 유튜브 하나만 보고 NGRX는 Redux 패턴의 상태관리 시스템입니다. 상태관리라 함은 앱의 구동에 있어서 필요한 상태를 관리하는거인데요. 저는 그냥 편하게 전역변수를 둔다. 로 생각을 하고 있는데, 전역변수는 위험하잖아여 ? 이걸 안전하게 전역변수로 둬보자로 쉽게쉽게 이해하고 있습니다. 그 중 Actions에 대해서 적어보려합니다. Actions은 NgRx에서 메인이 되는 시스템입니다. 유일한 이벤트를 표한하는 역할을 하고, 유저의 상호작용, 외부 네트워크 요청, 디바이스 API를 통해 Actions이 묘사되거나 사용되죠. 메인이 되는 Actions.. 더보기
Flux 패턴 MVC 패턴을 보완하기 위해서, FaceBook에서 만든 아키텍처를 소개해봅시다. 간단하게 단방향 데이터이고, Action이 발생하면 Dispatcher에 의해 Store에 전달되고, Store가 변경되면, View가 변경되는 패턴입니다. 조금 더 자세하고, 쉽게 알아보도록 합시다 ! 해당 글은 아래 글을 참조하여 작성한 글입니다. ui.toast.com/weekly-pick/ko_20151027 Flux 카툰가이드 | TOAST UI :: Make Your Web Delicious! Flux 카툰가이드 원문 : https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207#.9nbhrj3of 플럭스는 현재 웹개발에 대한 토픽들중에 가장 유명하지만 이것을.. 더보기

반응형
LIST