2개의 규칙
React Hooks 사용 패턴 개요 React Hooks는 함수형 컴포넌트에서 상태와 생명주기 기능을 사용할 수 있게 해줍니다. 이 가이드는 Hooks의 올바른 사용 패턴과 일반적인 실수를 다룹니다. 기본 규칙 1. Hooks의 규칙 ✅ 항상 최상위에서 호출하기 `typescript function MyComponent() { // ✅ 올바른...
React 성능 최적화 기법 1. React.memo로 불필요한 리렌더링 방지 `typescript const ExpensiveComponent = React.memo(({ data }: { data: Data }) => { return <div>{/ 복잡한 렌더링 /}</div>; }); ` 2. useMemo로 계산 비용 절감 `typescr...