코딩테스트 JS 해시 풀이: 모든 아나그램 찾기
주요 포인트 한눈에 보기 문자열 아나그램 문제는 해시(Map)와 슬라이딩 윈도우를 함께 활용하는 대표적인 코딩테스트 유형입니다. 이 글에서는 직접 풀지 못한 상태에서 문제를 어떻게 분석하고, 왜 이 풀이 구조가…
더 읽기
hebi_admin
코딩테스트 JS 슬라이딩 윈도우 풀이: 최대 매출 구간 합 계산하기
주요 포인트 한눈에 보기 연속된 K일 동안의 매출 합 중 최댓값을 구하는 문제를 통해 투 포인터(슬라이딩 윈도우) 사고 흐름을 정리합니다. 브루트포스 접근 → 한계 인식 → 투 포인터 개선 과정을 단계적으로 비교합니다. …
더 읽기
코딩테스트 JS 투 포인터 풀이: 연속부분수열 목표 합 찾기
주요 포인트 한눈에 보기 연속 부분수열의 합이 특정 값 M이 되는 경우의 수를 구하는 문제는, 입력 크기가 커질수록 시간 복잡도 차이가 그대로 결과로 이어집니다. 본문에서는 비교 목적의 O(n²) 접근을 먼저 점검한 뒤, 자연수 배열에서 투 포인터(슬라이…
더 읽기
Tailwind CSS v4.1 유틸리티 정리: text-shadow와 mask 사용하기
이 글에서 정리하는 내용 Tailwind CSS v4.1에서 추가된 text-shadow-*와 mask-* 유틸리티를 실제 UI 작업 기준으로 정리합니다. 글자에 그림자를 넣는 방법보다 배경 위 텍스트를 읽히게 만드는 기준, 이미지를 부드럽게 사라지게 만…
더 읽기
Zustand 상태 변경 후 리렌더링이 안 될 때 해결 방법
이 글의 목적 이 글은 오류 해결형 글입니다. Zustand에서 상태를 바꿨는데 컴포넌트가 리렌더링되지 않거나 화면이 그대로인 문제를 해결합니다. 원리 설명은 최소화하고, selector 범위, 참조 동일성, 불변 업데이트, shallow 비교를 실제 수정 순서로 점검…
더 읽기
Zustand persist 사용법: 새로고침 후 상태 저장하기
이 글에서 정리하는 내용 Zustand의 persist 미들웨어로 새로고침 후에도 상태를 유지하는 방법을 정리합니다. 코드 사용법 자체보다 어떤 상태를 브라우저 저장소에 남겨도 되는지, 어떤 상태는 매번 초기화하는 편이 나은지에 초점을 맞춥니다. 상태는 store에…
더 읽기
Zustand action 사용법: 상태 변경 로직을 store로 분리하기
이 글에서 정리하는 내용 Zustand에서 action은 별도의 action 객체를 만드는 절차가 아니라, store 안에 상태 변경 규칙을 함수로 모아두는 방식입니다. 필터 상태 예시를 기준으로 컴포넌트에 흩어진 변경 로직을 action으로 옮기는 기준을 정리합니다.…
더 읽기
Tailwind CSS Preflight 기준: 기본 스타일 초기화가 생기는 이유
이 글에서 정리하는 내용 Tailwind CSS v4 기준으로 Preflight가 기본 HTML 스타일을 어떻게 초기화하는지 정리합니다.처럼 화면에서 바로 티가 나는 부분을 중심으로 보고, Preflight를 꺼야 하는 상황과 유지한 채 보정해야 하는 상황을 구분합니다…
더 읽기
Zustand state 사용법: 값 읽기와 변경 흐름 익히기
이 글에서 정리하는 내용 Zustand store를 만든 뒤 컴포넌트에서 state를 읽고 action으로 변경하는 흐름을 정리합니다. 단순히 값을 가져오는 문법보다, 컴포넌트가 어떤 값에 의존하는지 좁히고 변경 규칙을 store 안에 모으는 기준을 중심으로 봅니다. …
더 읽기
Tailwind CSS 임의 값 공백 처리: 대괄호 문법이 깨질 때 해결하기
이 글에서 정리하는 내용 Tailwind CSS v4 기준으로 임의 값 문법에서 공백이 들어갈 때 클래스가 깨지는 이유를 정리합니다.처럼 기존 CSS에서는 자연스럽게 쓰던 값을 Tailwind 클래스 안으로 옮길 때 어떤 방식으로 바꿔야 하는지, 그리고 가 언제 공백으…
더 읽기