Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- html/css/js
- cpu
- CSS
- 코딩테스트
- 컴퓨터공학
- computerscience
- LinkSnap
- github
- Javascript
- 프론트엔드개발자
- git
- 국비지원취업
- KAKAO
- 야놀자
- BFS
- 컴퓨터과학
- 알고리즘
- 패스트캠퍼스
- 자바스크립트
- CS
- 부트캠프
- 코테
- nodejs
- 너비우선탐색
- DFS
- 국비지원
- 그리디
- 호이스팅
- js
- 백준
Archives
- Today
- Total
목록2024/05/15 (1)
My Boundary As Much As I Experienced
리액트 렌더링에 대한 퀴즈쇼. 자식 재렌더가 안 일어나게 하려면?(useCallback, React.memo)
🧞♂️ 혹여 틀린 부분이 있다면 댓글로 알려주시면 감사드리겠습니다. 퀴즈. 부모가 재렌더되면 자식들은 재렌더될까 안 될까?기본적으로 재렌더 된다. 재렌더를 막기 위해 'useCallback' 혹은 'React.memo'를 쓰게 되는 것이다.부모가 자식한테 prop을 아무것도 안 내려주고 있고 자식은 그저 부모에게 마운트만 되어있다고 치자.부모의 state들은 사실 자식에게 하등 상관없지만 부모의 state가 바뀌어 재렌더되면 자식도 재렌더된다. 컴포넌트 재렌더를 막기위한 대표수단 React.memo이걸 막기 위해 쓰는 것이 React.memo이다. 리액트 컴포넌트를 메모이제이션해놓는 방법 중 하나이다.쉽게 말해 캐싱해두고 변하지 않게 하는 방법이다.아래 예시는 이전에 설명한 것처럼 아무런 prop도 ..
FrontEnd/React
2024. 5. 15. 01:39