본문 바로가기
React

React useMemo.. useCallback.. memo..

by JunsC 2024. 6. 9.
728x90

 

React Native 에서 useMemo , useCallback , memo 등 다양한 함수들을 써왔다. 불필요한 리렌더링을 방지하기 위한 일련의 대책으로 사용했다. 하지만 useCallback , useMemo 등 비슷한 기능들이여서 정확히 어떤 용도인지 잘 몰랐다. 그래서 이참에 한번 글을 읽어 보았다.

 

이 부분은 React Native 에서도 똑같이 적용된다. 크로스 플랫폼에서 처음 접했으며 이걸 토대로 공부해 나아가서 React 로 넘어가게 된 것이다.

 

React Native 는 크로스 플랫폼으로 간단한 앱을 2가지 OS 로 하고 싶을땐 정말 좋은 언어이지만 깊이 들어가면 어쩔 수 없이 네이티브 코드를 건드려야 한다

 

그래서 나는 React Native를 하되 AOS, SWIFT 도 같이 공부하고 있당

 


React useMemo , useCallback , memo 의 차이

https://react.vlpt.us/

 

벨로퍼트와 함께하는 모던 리액트 · GitBook

벨로퍼트와 함께하는 모던 리액트 본 강의자료는 패스트캠퍼스 온라인 강의에서 제공하는 리액트 강의에서 사용되는 강의 문서입니다. 이 튜토리얼은 여러분들이 JavaScript 의 기초를 잘 알고있

react.vlpt.us

 

 

https://develogger.kro.kr/blog/LKHcoding/112

 

React.memo, useMemo, useCallback 역할 및 차이점

React.memo React는 컴포넌트를 렌더링 한 뒤, 이전 렌더된 결과와 비교하여 Dom 업데이트를 결정한다. 상황에 따라 이 과정의 속도를 높이기 위해 React.memo를 사용 한다. 먼저 HOC에 대해 알아보자. React

develogger.kro.kr

 

 

 

'React' 카테고리의 다른 글

React 새로고침 데이터 저장  (1) 2024.06.09
React 코드 난독화..  (0) 2024.06.09
React 파일 업로드  (0) 2024.06.09
React Proxy 에러  (0) 2024.06.09
React_ Centos 7 에 업로드 하기  (0) 2024.05.12
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."