해비

웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.

총 368개의 글

Zustand · 초급 17분 2026.05.04

Zustand를 React 프로젝트에 설치하고 `create`로 기본 Store를 만드는 흐름을 정리합니다. 상태와 액션을 Store 안에 구성하고 컴포넌트에서 필요한 값만 선택해 사용하는 기준을 다룹니다.

Tailwind CSS · 고급 20분 2026.05.02

Tailwind CSS v4에서 동적 className이 누락되는 이유와 정적 매핑, 자동 감지, @source, inline(), CMS·모노레포 해결 순서를 정리합니다.

Zustand · 초급 18분 2026.05.02

useState, props, Context, Redux Toolkit, TanStack Query와 비교해 Zustand가 필요한 상황을 판단하고 기본 store·action·selector를 예제로 정리합니다.

Tailwind CSS · 중급 23분 2026.05.01

Tailwind Container Query 사용법: 부모 너비 기준 반응형 처리을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

Git·GitHub 22분 2026.04.30

Git alias의 목표는 원래 명령의 의미를 유지하면서 반복 입력을 줄이는 것입니다. status·add·commit을 알고 있다는 전제에서 먼저 저장소 로컬 설정을 시험하고, 설정 출처 확인과 제거까지 익힙니다. 아래 일반…

Tailwind CSS · 중급 20분 2026.04.30

Tailwind @apply 기준: @utility custom variant 차이을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

Tailwind CSS · 초급 20분 2026.04.30

Tailwind Arbitrary Value Variant 차이: 대괄호 문법 사용 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

Tailwind CSS · 중급 20분 2026.04.29

Tailwind CSS v4 기준으로 transition, animation, motion-reduce를 구분해 정리합니다. 버튼 hover, 카드 효과, 로딩 스피너, reduced motion 대응까지 실제 UI 기준으로…

Tailwind CSS · 중급 20분 2026.04.29

Tailwind @theme 사용법: 변수와 디자인 토큰 차이을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.

TanStack Query · 중급 32분 2026.04.27

목록을 닫았다 열며 freshness와 메모리 제거를 구분하는 실습을 통해 v5 동작과 오류 경계를 확인합니다.