Zustand란? React 상태 관리 선택 기준과 기본 Store
useState, props, Context, Redux Toolkit, TanStack Query와 비교해 Zustand가 필요한 상황을 판단하고 기본 store·action·selector를 예제로 정리합니다.
전체 글
Tailwind Container Query 사용법: 부모 너비 기준 반응형 처리
Tailwind Container Query 사용법: 부모 너비 기준 반응형 처리을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Git Alias 설정 정리: 현업에서 자주 쓰는 단축 명령어 모음
Git alias의 목표는 원래 명령의 의미를 유지하면서 반복 입력을 줄이는 것입니다. status·add·commit을 알고 있다는 전제에서 먼저 저장소 로컬 설정을 시험하고, 설정 출처 확인과 제거까지 익힙니다. 아래 일반…
Tailwind CSS @apply 사용 기준: @utility와 custom variant 구분하기
Tailwind @apply 기준: @utility custom variant 차이을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Tailwind CSS arbitrary value 차이: 대괄호 문법 사용 기준 잡기
Tailwind Arbitrary Value Variant 차이: 대괄호 문법 사용 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Tailwind CSS transition, animation, motion-reduce 사용 기준 정리
Tailwind CSS v4 기준으로 transition, animation, motion-reduce를 구분해 정리합니다. 버튼 hover, 카드 효과, 로딩 스피너, reduced motion 대응까지 실제 UI 기준으로…
Tailwind CSS @theme 사용법: 변수와 디자인 토큰 구분하기
Tailwind @theme 사용법: 변수와 디자인 토큰 차이을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
TanStack Query staleTime gcTime 차이: 캐시 시간 기준
목록을 닫았다 열며 freshness와 메모리 제거를 구분하는 실습을 통해 v5 동작과 오류 경계를 확인합니다.
TanStack Query queryFn 사용법: 데이터 요청 로직 분리하기
queryFn의 성공·throw·undefined 계약, enabled와 입력 가드, AbortSignal 전달을 조건부 프로필 조회로 실습합니다.
Tailwind CSS dark 사용법: 다크 모드 구현 기준 잡기
Tailwind CSS v4 기준으로 `dark:` variant를 사용할 때 먼저 정해야 할 기준을 정리합니다. 시스템 설정, 수동 토글, `.dark` 클래스, `data-theme` 방식의 차이를 실제 화면 구현 관점에서…
Tailwind CSS 상태 variant 사용법: hover focus aria data 기준 잡기
Tailwind CSS에서 hover, focus-visible, disabled, aria, data variant를 어떤 기준으로 선택해야 하는지 버튼, 입력창, 탭, 아코디언 UI 예시로 정리합니다.
Tailwind CSS group peer has 차이: 상태 기준으로 고르는 방법
Tailwind CSS group peer has 차이: 상태 기준으로 고르는 방법을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.