목록Study/JavaScript (5)
기록중
파이어베이스 리액트 연결하는 부분참고] https://blog.naver.com/PostView.nhn?blogId=gi_balja&logNo=221293781781&categoryNo=0&parentCategoryNo=0&viewDate=¤tPage=1&postListTopCurrentPage=1&from=postView&userTopListOpen=true&userTopListCount=5&userTopListManageOpen=false&userTopListCurrentPage=1 프로젝트 폴더에서 yarn add firebase 혹은npm install firebase --save 참고] https://appdividend.com/2018/04/23/react-native-firebas..
https://www.youtube.com/watch?v=p0hCPHHlxjk
데이터 흐름 1. Component의 사용자 UI 클릭 -> ActionCreator에게 action 준비 요청2. ActionCreator는 format 작성 후 Dispatchers 넘김 3. Dispatcher 는 actions을 order에 따라 Store 보내고 업데이트.4. Store는 자신을 구독하고 있는 View 에게 알림.5. View는 변경된 상태를 요청.6. Store가 새로운 상태를 넘겨주면, 렌더링하라고 알림.
1. Flux 부모 컴포넌트에서 자식으로 속성을 통한 단방향 데이터 흐름은 리액트의 핵심이며, 자식이 부모 컴포넌트로 데이터를 전달하는 경우는 콜백함수 속성을 통해 전달할 수 있다. 스토어 데이터는 컴포넌트와 완전히 분리되지만, 데이터가 변경될 때마다 다시 렌더링 할 수 있도록 알림을 받는다. 스토어는 모든 상태(데이터와 UI상태를 포함)를 유지하며 상태가 변경되면 이벤트를 발송(디스패처)한다. 뷰(리액트 컴포넌트)는 필요한 데이터를 포함하는 스토어를 구독하며, 데이터가 변경되면 자신을 다시 렌더링 한다. 스토어는 완전히 폐쇄된 블랙박스라는 중요한 특징을 갖고있다. 스토어 자체만 데이터를 변경할 수 있다. 액션 앱에서 일어나는 일 이며, 주로 사용자의 상호작용(예: 버튼 클릭, 댓글 달기, 검색 결과 요..