2025-02-06 React, useEffect()

요 몇일 React 찍먹 중.
현재 주요 관심사는 리액트 훅.
use., use.., use… ?? React Hook 네이밍 규칙 같은데?

알고 보니 customHook 만들 때도 이 규칙을 지켜야 하는 암묵적(?) 룰이 있는 듯.

jQuery 할 때 제일 중요하게 봤던 함수는 $(document).ready(function() { ~ })
이 함수 = HTML 로드(document 준비) 완료되면 실행
말하자면 onload 같은 거.
근데 onload 없는 페이지가 거의 없다 보니, 몸으로 체득한 느낌.

이런 백그라운드 덕분에 React에서 가장 먼저 관심이 간 훅이 useEffect.
렌더링이 기본 전제인 React에서 생명주기(Mount, Update, Unmount)를 다 활용할 수 있는 훅이라는 게 참 매력적.

만약 페이지가 호출될 때마다 대용량 데이터를 렌더링마다 요청한다면?
성능저하는 당연한 수순.
근데 useEffect 안에서 두 번째 배열 인자(state)를 추가하지 않으면?
초기 렌더링 후 재렌더링되지 않음 → onload랑 비슷한 느낌.

처음 React 공부할 땐 하나도 이해 안 됐는데,
결국 답은 절대적인 학습량이었음.
(LoL 안 하면 웬만한 건 다 되는 느낌?)