[React] useMemo : value memoization

value 

• 함수가 return하는 값
• 값 자체

 

heavy한 것을 만들 때 사용.

---

사용

// 기존
const value = 반환할_함수();

// 사용
const value = useMemo(()=>{
	return 반환할_함수()
},[dependencyArray]);

 

예시

const heavyWork = () => {
	for (let i=0; i<2000000000; i++) {}
    return 100;
};

// 사용
const value = useMemo(() => {
	heavyWork()
},[])

 

 

⚠️ 주의 : 너무 많이 사용하면 별도의 메모리 확보를 너무나 많이 하게 되기 때문에 오히려 성능이 악화될 수 있다.!! 필요할 때만 쓰자!!