TIL_230126 useCallback, memoization

그래도 해야지·2023년 1월 26일
0

TIL

목록 보기
22/44

☠️ 문제

👩🏻‍💻 시도해본 것들

👩🏻‍🎓 해결

✅ 알게된 점


📚 Today Study

메모이제이션이란?

컴퓨터 프로그램이 동일한 계산을 반복해야할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행속도를 빠르게하는 기술

useCallback

useCallback은 콜백의 메모이제이션된 버전을 반환함
메모이제이션된 버전은 콜백의 의존성이 변경되었을 때에만 변경됨
첫번째 인자로 넘어온 함수를, 두번째 인자로 넘어온 배열 내의 값이 변경될 때까지 저장해놓고 재사용할 수 있게 해줌

이벤트 처리(Handling Events)

이벤트 처리해주는 방법 2가지

  1. 함수명을 선언해서 만들기
  2. 함수명을 선언하지 않고 버튼이 눌려졌을 때 값을 콘솔에 받아오기
const showName = () => {
    console.log("Mike");
} 

<button onClick={showName}>Show name</button>
<button onClick={() => {
    console.log("30")
}}>Show age</button>

📝 Today Review

0개의 댓글