Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 로그인 로직
- Update
- userManagement
- 빌드 및 배포
- 인증처리
- 공통메서드
- 파생상품평가
- 달력 라이브러리
- MRC
- Styled Components
- 로그인
- jsonwebtoken
- stock option
- RCPS
- 밸류즈
- Token
- register
- 이미지 업로드
- Typesciprt
- 배포
- 회원가입로직
- Ajax
- react
- mypage
- 관리자페이지
- 마이페이지
- 스프링시큐리티
- 캘린더 라이브러리
- 밸류즈 홈페이지
- ui탬플릿
Archives
- Today
- Total
목록함수최적화 (1)
I T H

의존성 배열을 이용해서 함수를 최적화 시켜주는 기능이다. 의존성 배열이 빈값일 경우( "[ ]" ) 최초 랜더링시에만 함수가 생성된다. - 지난 챕터에서 userMemo로 랜더링을 최소화 했지만, 함수가 만약 App -> Lists -> List컴포넌트로 props를 통해 내려준다면 다시 컴포넌트가 호출되기 때문에 useCallback함수를 사용해서 최적화 시켜준다. 1. [List.js]에 있는 함수중 handleClick이라는 함수를 [App.js]로 옮겨서 App -> Lists -> List컴포넌트로 props를 전달하도록 만듬. 2. handleClick함수를 useCallback으로 감싼후 의존성 배열 [ ]에 todoData를 넣어준다 3. 배열안에 들어 있는 todoData가 변하지 않을땐..
React Basic
2024. 1. 25. 10:35