코딩테스트 JS 해시 풀이: 모든 아나그램 찾기
모든 아나그램 JS 풀이: 해시와 슬라이딩 윈도우로 찾기를 기준으로 풀이 아이디어, 자료구조 선택, 시간 복잡도 포인트를 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
해비
웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.
총 368개의 글
코딩테스트 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 이름 짓는 방식을 함께 다룹니다.
Tailwind CSS Preflight 기준: 기본 스타일 초기화가 생기는 이유
Tailwind CSS Preflight가 기본 HTML 스타일을 어떻게 초기화하는지 정리합니다. h1, ul, img, border 등 실제 화면에서 헷갈리기 쉬운 변화를 기준으로 Preflight의 역할과 판단 기준을 설명…
Zustand state 사용법: 값 읽기와 변경 흐름 익히기
Zustand에서 state를 읽고 action으로 변경하는 기본 흐름을 정리합니다. selector, set 함수, 이전 state 기준 업데이트, UI 상태 관리 예시까지 함께 다룹니다.
Tailwind CSS 임의 값 공백 처리: 대괄호 문법이 깨질 때 해결하기
Tailwind CSS v4 기준으로 임의 값 문법에서 공백 때문에 클래스가 깨지는 이유를 정리합니다. grid-cols, calc(), shadow 값을 Tailwind className 안에서 안전하게 쓰는 기준을 다룹니다…