라이브러리

재사용 가능한 코드를 보관합니다. 개발에 사용할 목적으로 작성되었으며, 지속적으로 추가하고 관리할 예정입니다.

TypeScript더보기

TypeScript

2026. 3. 2.

createConsole

이름 prefix와 production 숨김 옵션이 적용된 Console을 생성하는 팩토리 함수

TypeScript

React더보기

React

2026. 3. 2.

createSharedState

상태와 액션을 분리한 Context API 기반 팩토리 함수

TypeScript

React

React

2026. 3. 2.

ErrorBoundary

선언적으로 에러 상태를 처리하는 컴포넌트

TypeScript

React

React

2026. 3. 2.

Portal

자식 요소를 DOM의 특정 위치에 렌더링하는 컴포넌트

TypeScript

React

React

2026. 2. 19.

Show

조건부 렌더링을 선언적으로 처리하는 컴포넌트

TypeScript

React

React

2026. 3. 2.

Switch

조건부 렌더링을 선언적으로 처리하는 컴포넌트

TypeScript

React

React

2026. 3. 2.

useBodyScrollLock

body 스크롤을 잠그고 언마운트 시 이전 스크롤 위치를 복구하는 훅

TypeScript

React

Next.js더보기

Next.js

2026. 3. 2.

StrictImage

이미지 로드에 실패한 경우 에러를 던지는 Image 컴포넌트

TypeScript

React

Next.js

Motion더보기

Motion

2026. 3. 2.

useAnimatedValue

숫자를 애니메이션과 함께 변환하는 MotionValue를 반환하는 훅

TypeScript

React

Motion

SWR더보기

SWR

2026. 3. 2.

useSuspenseSWR

suspense 옵션이 활성화된 SWR 훅으로 data가 항상 정의된 상태를 보장하는 훅

TypeScript

React

SWR

Zustand더보기

Zustand

2026. 3. 2.

createSelectors

Zustand 스토어에 자동으로 셀렉터를 추가하는 팩토리 함수

TypeScript

Zustand