2019-11-28 TIL

React

useCallBack

const memoizedCallback = useCallback(
    () => {
        dosomething(a,b);
    },
    [a,b],
);

• 불필요한 렌더링을 방지하기 위해 참조의 동일성에 의존적인 최적화된 자식 컴포넌트에 콜백을 전달할 때 유용합니다.
• 특정 함수를 새로 만들지 않고 재사용하고 싶을때 사용
• 메모이제이션

5FS

Facts: 쇼핑몰 가격대별 상품나열기능 완성. But 기능구현 과정이 부자연스러움. 구매 및 장바구니 기능 추가. 애자일 끝까지 돌림

Feelings: 상품나열 기능을 어떻게 어떻게 해결은 했기에 다음 과제로 넘어갈 수 있었다. 원하는대로 구현하지 못해 찝찝하지만 어제보단 컨디션이 좋아진것같다. 결과물이 나오고 안나오고의 컨디션 차이가 많이 느껴진다. 근데 손가락 마디마디가 점점 아파온다(부었음)

Findings: 결과물이 나오니 다음 결과물도 금방 만들게된다. 신기하다. React Hooks 관련하여 공부할게 너무많다. useState, useEffect를 겨우 쓸줄 아는정도. useCallback을 읽어봤는데 어렵다.

Future Action Plan: 이번 주말에 React Hooks 공부를 따로 해야겠다. 블로그에 posting도 Hooks 관련해서 작성하겠다.

Feedback: