귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/05/07 2

리액트 공부하기 - custom hooks? 그냥 함수 차이?

custom hooks를 공부하며 헷갈리게 된 또 기본 개념- 다시 짚고 갑시다.우선 훅(hook)이 뭘까. 리액트(React)에서 **훅(Hook)**은 함수형 컴포넌트에서 **상태(state)**나 라이프사이클(lifecycle) 같은 리액트 기능을 사용할 수 있게 해주는 특별한 함수야.예전에는 클래스형 컴포넌트에서만 상태 관리나 라이프사이클 처리를 할 수 있었는데, 훅이 도입되면서 함수형 컴포넌트에서도 똑같은 기능을 사용할 수 있게 된 것 ___ : 이 부분이 핵심!내가 만드는 훅스라.. 뭔가 그냥 컴포넌트랑 다를게 없잖아 ? 싶었다. 더보기아주 좋은 질문이야, Jane!"그냥 컴포넌트로 만드는 거랑 커스텀 훅으로 만드는 거랑 무슨 차이냐?" 차이를 간단하게 정리해볼게. 핵심 차이: 컴포넌트는 U..

Studying/React 2025.05.07

리액트 공부하기 - debounce, throttle (디바운스, 스로틀)

오 생각보다 재밌잖아 . . ?뭔가 실용적인 거라 그런가 .. ? 또욘님 . . 제가 공부해서 알려드릴게욤 기다료~ 🩷scroll, input, mousemove 같은 이벤트는 짧은 시간 간격으로 연속해서 동작하는데이러한 이벤트에 바인딩한 이벤트 핸들러는 과도하게 호출되어, 성능 저하와 관련된 문제를 일으킬 수 있다. 따라서 이렇게 짧은 간격으로 연속해서 발생하는 이벤트를 그룹화 해서 과도한 호출을 방지하는,💖최적화와 관련이 있는 💖debounce와 💖throttle.debounce와 throttle은 이벤트 처리에 매우 유용하며, 구현 시에는 타이머 함수가 사용 된다. 1. Debounce짧은 시간 간격으로 이벤트가 연속해서 발생하면(예를 들어 인풋창에 글 쓰기) 일정 시간이 경과한 후, 이벤..

Studying/React 2025.05.07