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