Zustand 실무 사용 기준: store가 복잡해질 때 피할 실수
Zustand를 실무에서 사용할 때 전역 상태 범위, 서버 상태 분리, selector, persist, store 구조를 어떤 기준으로 점검해야 하는지 정리합니다.
hebi_admin
총 232개의 글
TanStack Query 무한 스크롤 사용법: useInfiniteQuery로 목록 이어 불러오기
TanStack Query 무한 스크롤: useInfiniteQuery 구현 흐름을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
SSH SFTP FTP 차이: 서버 접속과 파일 전송 기준 잡기
SSH SFTP FTP 차이: 서버 접속 방식별 사용 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
코딩테스트 JS 해시 풀이: 모든 아나그램 찾기
모든 아나그램 JS 풀이: 해시와 슬라이딩 윈도우로 찾기를 기준으로 풀이 아이디어, 자료구조 선택, 시간 복잡도 포인트를 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
코딩테스트 JS 슬라이딩 윈도우 풀이: 최대 매출 구간 합 계산하기
최대 매출 JS 풀이: 슬라이딩 윈도우로 구간 합 계산를 기준으로 풀이 아이디어, 자료구조 선택, 시간 복잡도 포인트를 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
JavaScript 투 포인터: 합이 M인 연속 부분수열 개수
자연수 배열에서 합이 정확히 M인 연속 부분수열 개수를 O(N) 투 포인터로 구하고, O(N²) 풀이와 0·음수 배열의 누적합 Map 해법을 비교합니다.
Tailwind CSS v4.1 유틸리티 정리: text-shadow와 mask 사용하기
Tailwind CSS v4.1에서 추가된 text-shadow와 mask 유틸리티를 실제 UI 작업 기준으로 정리합니다. 배경 위 텍스트 가독성, 이미지 fade 처리, 효과 과다 사용 기준까지 함께 다룹니다.
Zustand 상태 변경 후 리렌더링이 안 될 때 해결 방법
Zustand 상태 변경 후 화면이 바뀌지 않을 때 불변 업데이트, selector, shallow 비교를 순서대로 점검하는 오류 해결 글입니다.
Zustand persist 사용법: 새로고침 후 상태 저장하기
Zustand의 persist 미들웨어로 새로고침 후에도 상태를 유지하는 방법을 정리합니다. localStorage, partialize, hydration 흐름을 기준으로 저장할 상태와 저장하지 않을 상태를 구분합니다.
Zustand action 사용법: 상태 변경 로직을 store로 분리하기
Zustand에서 action을 사용해 상태 변경 로직을 컴포넌트 밖으로 분리하는 기준을 정리합니다. 필터 상태 예시를 통해 set 함수, 토글, 초기화, action 이름 짓는 방식을 함께 다룹니다.