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 |
Tags
- python
- recoil
- Lottie web
- 템플릿 리터럴
- Tailwind CSS
- NEXT
- window.scrollY
- 웹 애니메이션
- useSwr
- es module
- github login
- react-icons
- 백틱
- 동적 디자인
- 웹 디자인
- nextauth
- npm library
- useQuery
- 마이크 권한 요청
- next.js
- npm publish
- npm module
- useSWRImmutable
- typescript
- CJS
- svg style
- useCallback()
- React
- flutter
- useState
Archives
- Today
- Total
목록useCallback() (1)
김재욱의 이모저모
Netflix 클론코딩 기록 남기기 (3) - useCallback() 과 콜백 함수
클론코딩을 진행하다 보니 useCallback() 함수를 사용해야 하는 경우가 많았다. 그래서 'useCallback() 함수는 무슨 역할을 하는지, 왜 써야 하는지'에 대하여 자세히 공부해 보아야겠다는 생각이 들었다. useCallback() 함수란? useCallback() 함수는 React에서 사용자 정의 함수를 기억하는데 사용된다. 이 함수의 주요 목적은 통상적으로 말하면 성능 최적화와 렌더링 최적화를 달성하는 것이라고 한다. 이게 무슨 말이냐고 하면 일반적으로는 React 컴포넌트 내에서 함수를 정의하면 해당 함수들은 매 렌더링 주기마다 새로운 함수 객체가 생성된다. 이로 인해 React는 다시 렌더링 될 때마다 함수를 새로운 것으로 간주하고 해당 함수를 참조하는 컴포넌트 및 하위 컴포넌트가 다..
Front-end
2023. 10. 25. 09:36