최적화

[React] 프로젝트 최적화

이 블로그는 유데미 '한입 크기로 잘라먹는 리액트' 강의를 듣고 복습하고자 작성되었습니다. 목차 1. Memoization으로 연산과정 최적화 2. React.memo로 컴포넌트에 리렌더 조건 걸기 3. useCallback으로 함수 전달 4. 기타 최적화 1. Memoization으로 연산과정 최적화 Memoization이란, 이미 계산해본 결과를 기억해뒀다가 동일한 계산을 시키면 기억해놨던 데이터를 바로 반환시키는 방법입니다. memoization을 이용해 일기데이터에서 내 기분의 비율을 분석해주는 기능을 넣어봅시다. 1. 분석 함수 추가 const getDiaryAnalysis = () => { console.log('일기 분석 시작'); const goodCount = data.filter((i..