useMemo3 Stop Using useMemo Now 원문: https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70 번역: https://velog.io/@lky5697/stop-using-usememo-now 을 읽고 재정리하였습니다. useMemo 란 useMemo 는 알다시피 계산결과를 memorization (유사하게, 기억한다 라고 생각하자.) 한다. const result = useMemo(() => { // running.... return value }, [deps]) 코드가 위와 같을 때, deps 로 들어온 state 값에 따라 side effect 로 useMemo 안의 로직이 실행되고 그 결과값을 리턴하게 된다. deps 의 값에 따라 리턴되는 value 값이 다를.. 2023. 4. 18. React.memo vs useMemo vs useEffect https://medium.com/hcleedev/web-%EC%B5%9C%EC%A0%81%ED%99%94%EC%99%80-react-memo-usememo-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-4324a237a039 을 보고 정리한 글입니다. React 에는 memoization 이라는 개념을 활용한다. memoization 이란 특정 함수가 동작하고 반환된 그 결과물을 기억하고 있는 것이다. function sum(a, b) { return a + b; } 위의 함수에 memoization 을 적용하면, 처음 누군가 sum(1, 2)를 호출했다면 sum을 a: 1, b: 2와 호출했고, 3이 반환되었다 라는 정보를 기록해둔다. 그러고 다시 반복되어서 sum(1, 2) 를 .. 2023. 3. 24. useMemo가 성능에 미치는 영향 해당 게시글은 아래 아티클을 읽고 정리하였습니다. https://github.com/yeonjuan/dev-blog/blob/master/JavaScript/should-you-really-use-usememo.md GitHub - yeonjuan/dev-blog: 개발 블로그, 공부한거 정리 개발 블로그, 공부한거 정리. Contribute to yeonjuan/dev-blog development by creating an account on GitHub. github.com 1. useMemo 리액트에서 제공하는 hook 중 하나. 리액트 공식문서에 useMemo 의 설명을 보면, 개발자가 정한 dependcies 가 변경되면 로직을 실행하고 리턴되는 값을 캐시한다. Returns a memoiz.. 2023. 3. 21. 이전 1 다음 728x90 반응형
