[React] React.memo(), useMemo(), useCallback()
React관련 과제를 수행하면서 화면 랜더링을 최적화하는 역할을 수행해야 했고, 관련 지식이 전혀 없어 구글링을 수행했습니다. 그 결과 React.memo(), useMemo(), useCallback()이라는 세 가지 메서드를 경험하게 되었고, 이후 활용 가능성이 높은 메서드들이라 생각해 세 가지에 대해서 공부한 내용을 정리해보려고 합니다. React.memo() React.memo() 컴포넌트의 Re-rendering을 방지하는 메서드입니다. 기본적인 동작은 컴포넌트가 전달받는 props가 바뀌지 않았다면 리 랜더링이 일어나지 않도록하여 컴포넌트 리랜더링 성능 최적화를 해줄 수 있는 함수입니다. 사용 예) import React from "react"; function Card({ cardConten..
Vue&React
2022. 2. 27. 18:16
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- SPA
- 알고리즘
- React.memo
- reactrouter
- Vue.js
- AxiosInterceptor
- clean code
- redux-thunk
- webpack
- programmers
- bundler
- python
- 파이썬
- 문제풀이
- Preloading
- GraphQL
- redux
- 상호평가
- SOAP API
- 백준
- js
- Transpiler
- Vue
- TypeScript
- Repository Pattern
- Vuex
- error
- React
- 프로그래머스
- v-for
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함