개발로그

5. DM 채팅 Side Panel Direct Message UI DIRECT MESSAGES(1) {this.renderDirectMessages()} user 목록 가져오기 접속 중인 유저 파란색으로 표시 addUsersListeners = (currentUserId) => { const {usersRef} = this.state; let usersArray = []; usersRef.on("child_added", DataSnapshot => { if(currentUserId !== DataSnapshot.key) { let user = DataSnapshot.val() user["uid"] = DataSnapshot.key user["status"] = "offline"; usersArray.p..

전체 코드 : GitHub 0. 개념 Redux란? Redux is a predictable state container for JavaScript apps. Action : a plain object describing what happened Reducer : a function describing how the application's state changes Store : the object that brings them together Reducer는 action이 store를 어떻게 업데이트 하는지 기술하는 함수이다. Reducer는 항상 state와 action을 받아 state를 return 해줘야 한다. Dispatch를 사용하여 store의 reducer에 action을 전달한다. Ac..