본문 바로가기
CODESOOM

CODESOOM: REACT-11

by hxunz 2021. 7. 19.
    1. Facts (사실, 객관)
      : 개인 프로젝트 3주차 (todo app 구현중)
       
    2. Feelings (느낌, 주관)
      : add 버튼 구현하는데에만 두시간이 걸렸다,,, 모르는게 너무 많아서 모르는 것들을 찾아가면서 해서 그런지 기능 하나 구현하는데 오래걸리는것같다,,ㅜ.ㅜ 그래도 이번에도 대충 넘어갈수도 있었던 부분들을 제대로 짚고 넘어가니 확실히 제대로 공부하는(?) 느낌이 든다. 그래도 겨우 todo app 구현에는 끝났다. 얼른 디자인하고 다른 기능들도 구현해야겠다.

    3. Findings (배운 점)
      :Dispatch - state를 변화시키는 방법.
      스토어의 reducing function은 최신 getState() 결과를 호출하고 호출 시 발생하는 action을 가져다준다. 이것의 결과값은 다음 state에 영향을 준다.

      useSelector() -
      리덕스 스토어 상태에서 데이터를 추출할 때 사용하는 function.
      const result:any = useSelector ( selector:function, equalityFn?:function )

      fragment - React의일반적인 패턴은 컴포넌트가 여러개의 요소를 반환하는 것이다. fragments를 사용하면 DOM에 별도 노드를 추가하지 않고 자식 목록을 그룹화할 수 있다.


'CODESOOM' 카테고리의 다른 글

CODESOOM: REACT-10  (0) 2021.07.19
CODESOOM: REACT-9  (0) 2021.07.06
CODESOOM: REACT-8  (0) 2021.06.27
CODESOOM: REACT-7  (0) 2021.06.21
CODESOOM: REACT-6  (0) 2021.06.21

댓글