주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn useEffect로 업데이트를 감지할 수 있다. 재 렌더링이슈가 없기때문에 state나 props를 쓰지 않으면 앞에서도 말했듯이 일반 함수로 생성하는 것이 좋다. componentDidUpdate가 될때 hooks(useEffect)로 변경할때 힘든 부분이 성능문제다. useEffect는 1:1로 대응되는 것이 아니기 때문이다. import React, { useState, useRef, useEffect } from 'react'; const Lotto = () => { const [numbers, setNumbers] = useS..

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn React에서 재 렌더링이 발생할때 성능을 생각하면 state나 props가 변경되는 것을 파악해서 재 렌더링이 필요없는 컴포넌트의 재 렌더링을 막아야한다. 즉 a 컴포넌트만 달라져야하는 부분이 있을 경우, 기능을 나눌 수 있다면 a와 b로 컴포넌트를 분리해야한다. 성능 최적화를 하기위해서 shouldComponent, pureComponent, useMemo, useCallback을 사용하는것이 좋다. 이것을 알기 위해서는 useEffect를 알아야한다. (이건 더 뒤에 강의에서) class 컴포넌트와 함수형 컴포넌트의 차이. cla..