compact 함수는 배열에서 falsy 값(null, undefined, false, 0, '', NaN 등)을 제거하여 유효한 객체만 포함하는 새로운 배열을 반환하는 유틸리티 함수입니다. 이는 배열을 정리하거나 필터링할 때 사용됩니다.

odash에서 _.omit과 _.pick은 객체에서 특정 속성을 필터링할 때 사용하는 유틸리티 함수로, 비슷한 목적을 가지지만 동작 방식이 반대입니다. 아래에 차이점을 간단히 설명합니다.

CVA는 JavaScript/TypeScript 기반의 오픈소스 라이브러리로, CSS 클래스 이름을 조건에 따라 체계적으로 관리하고 컴포넌트의 다양한 스타일 변형(variants)을 쉽게 정의할 수 있도록 도와줍니다. 특히 Tailwind CSS와 같은 유틸리티 퍼스트 CSS 프레임워크와 함께 사용될 때 유용하며, React, Vue, Angular 등 다양한 프레임워크와 호환됩니다.

React에서 ref를 부모 컴포넌트에서 생성하여 자식 컴포넌트(예: _Icon)에 전달하고, 이를 통해 SVG와 같은 DOM 요소에 직접 접근하는 이유와 용도를 간단히 설명하겠습니다.

qsStringify와 유사한 기능을 수행하는 새로운 함수 buildQueryString를 TypeScript로 작성한 예제입니다. 이 함수는 입력 객체를 쿼리 문자열로 변환하며, 유효하지 않은 값(null, undefined, 빈 문자열/배열)을 제거합니다. Record<string, never>를 기본 타입으로 사용해 빈 객체를 처리합니다.