목록2021/03/22 (2)
hmk run dev
1. 파이어 스토어 데이터를 리덕스 스토어에 넣려면 "미들웨어"를 설치해야 함 yarn add redux-thunk로 미들웨어 설치 미들웨어는 뭘까? 리덕스는 데이터를 수정할 때 디스패치라는 것을 사용해 액션을 감시했다. > 액션이 디스패치가 됐다면 리듀서가 처리를 했다. > 액션이 디스패치 처리 > 리듀서에서 처리 파이어 스토어에 데이터 요청 > 파이어 베이스는 데이터를 준다 > 기다려야 함 (여기서 미들웨어 작동) 미들웨어는 리듀서에서 처리하기 전에 사전작업을 할 수 있게 도와주는 중간다리 역할 redux-thunk는 객체 대신 하수를 생성하는 액션 생성 함수를 작성할 수 있게 해 줍니다! >> 액션 생성 하수 액션 크리에이터를 작성할 수 있게 도와준다. >> 왜 필요하지? 리덕스는 기본적으로 액션 ..
더 많은 이벤트리스너를 알고 싶다면 구글링 >> eventlistener mdn 검색 리액트 event는 Ref 먼저 잡아주는 것 필수! 1. App 이라는 div에 ref 먼저 잡아주자 this.div = React.createRef(); 2. 그리고 적용 3. 함수만들기 hoverEvent = (e) => { //이벤트를 e 파라미터로 줘서 그것을 타겟으로 뭔가를 잡아와야함 console.log(e); console.log(e.target); e.target.style.background = "#eee"; //e로 타겟을 잡아주고 스타일> 백그라운드 hover효과 }; 4. 컴포넌트디드 마운트에서 등록 componentDidMount() { this.div.current.addEventListener..