유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

{주말특강 React} useState 작동 원리 feat. debounce & throttle

@시코 - 시니어코딩

2022. 9. 4.

0

#frontend
  • React에서 useState는 상태를 관리하는 함수로, 변화 시 UI를 갱신하는데 사용된다. ⚛️
  • debouncethrottle은 특정 작업을 지정된 시간 동안만 실행하기 위한 방법이다. 🕰️
  • debounce는 지정된 시간 동안 마지막 작업만 실행되도록 함으로써, 반복적인 작업으로 인한 리소스 낭비를 줄인다. ♻️
  • throttle은 입력에 대한 답변을 제한하는 동안 일정 시간 간격으로 작업을 실행하도록 한다. 📨
  • React에서 useState와 함께 사용되는 경우, 잦은 UI 갱신으로 인한 성능 저하를 방지하며, 효율적인 상태 관리를 할 수 있다. 📈
  • useContext 휘 context API를 통해 데이터를 공유하여 코드를 재사용 가능하고 관리하기 쉽게 만든다. 🧩

Recommanded Videos