Tailwind CSS Preflight 기준: 기본 스타일 초기화가 생기는 이유
Tailwind CSS Preflight가 기본 HTML 스타일을 어떻게 초기화하는지 정리합니다. h1, ul, img, border 등 실제 화면에서 헷갈리기 쉬운 변화를 기준으로 Preflight의 역할과 판단 기준을 설명…
hebi_admin
총 232개의 글
Zustand state 사용법: 값 읽기와 변경 흐름 익히기
Zustand에서 state를 읽고 action으로 변경하는 기본 흐름을 정리합니다. selector, set 함수, 이전 state 기준 업데이트, UI 상태 관리 예시까지 함께 다룹니다.
Tailwind CSS 임의 값 공백 처리: 대괄호 문법이 깨질 때 해결하기
Tailwind CSS v4 기준으로 임의 값 문법에서 공백 때문에 클래스가 깨지는 이유를 정리합니다. grid-cols, calc(), shadow 값을 Tailwind className 안에서 안전하게 쓰는 기준을 다룹니다…
Tailwind CSS 입문 가이드: 유틸리티 클래스와 적용 원리 정리
Tailwind CSS의 유틸리티 클래스 개념, 적용 원리, 처음 배울 때 확인할 기본 흐름을 정리합니다.
Zustand 설치 사용법: 기본 Store 만들고 상태 연결하기
Zustand를 React 프로젝트에 설치하고 `create`로 기본 Store를 만드는 흐름을 정리합니다. 상태와 액션을 Store 안에 구성하고 컴포넌트에서 필요한 값만 선택해 사용하는 기준을 다룹니다.
Tailwind CSS 동적 클래스 해결: 감지 원리와 @source 사용법
Tailwind CSS v4에서 동적 className이 누락되는 이유와 정적 매핑, 자동 감지, @source, inline(), CMS·모노레포 해결 순서를 정리합니다.
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, branch, stash, push 흐름을 실제 작업 순서 기준으로 다룹니다.
Tailwind CSS @apply 사용 기준: @utility와 custom variant 구분하기
Tailwind @apply 기준: @utility custom variant 차이을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.