useMemo 값을 메모이제이션함 특히나 오래 걸리는, 자원을 많이 소모하는 연산일 경우, 컴포넌트 렌더링 시마다 해당 연산을 하는 것은 바람직하지 않음. 따라서 useMemo에서는 의존성 배열에 특정 값을 넣어서, …

객체 selector (shallow 없음) const { user, theme } = useUserStore((s) => s); // → 스토어 전체 구독. 가장 단순하지만 모든 변경에 리렌더. 객체 selector (shallow 없음) const { …

Next.JS의 링크 컴포넌트란? 내부 라우팅을 클라이언트 사이드로 처리 prefetch 옵션은 true, false, default (null, auto ) 가 있다.

Optimistic Update 낙관적 업데이트 서버에서 상태가 변경되고 사용자에게 보여질 때, 즉각적인 피드백을 제공해야 하는 경우 사용한다.

한 줄 정리 직관적임 소괄호 및 중괄호 생략 가능 객체, 클래스 내부 메서드로 사용하는 경우, this 바인딩이 자동으로 이루어짐 직관적임 arrow function을 사용하면 함수 본연의 입출력기능을 아주 직관적으로 잘 표현해준다. let 두배만들기 = (x) …

ReturnType이란 무엇일까? 함수의 반환 타입 추론 → 새로운 타입 생성하는 유틸리티 타입 type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer …

수정 Satisfies 는 왜 필요한가? const palette: Record<'red' | 'green' | 'blue', [number, number, number] | string> = { red: [255, …