Next.js Server Actions + React Hook Form 검증 기준
Next.js Server Actions와 React Hook Form을 함께 쓸 때 form action, validation, 서버 검증 기준을 정리합니다.
해비
웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.
총 369개의 글
shadcn/ui No import alias found 오류 해결: tsconfig 설정
shadcn/ui의 No import alias found 오류를 components.json, tsconfig paths, Vite resolve.alias 기준으로 해결합니다. Next.js·Vite·모노레포 점검 순서도…
React Hook Form 에러 메시지 표시 문제 해결: validation이 안 보일 때 체크리스트
오류 조각은 user.email로 등록한 중첩 필드를 errors.email에서 읽습니다. 검증이 실행되어도 이 경로에는 메시지가 없습니다. 수정본은 errors.user?.email을 읽고 이메일 input과 에러를 aria…
개발자가 AI 코딩 도구를 쓸 때 생기는 검토 부채 문제
AI가 만든 변경의 검토 비용을 PR 대기 시간, 재작업, 누락된 실패 조건으로 나누고 작은 PR과 검증 기록으로 줄이는 방법입니다.
AI 에이전트가 실패하는 진짜 이유: 모델 성능보다 상태 관리가 먼저다
AI 에이전트의 대화 이력과 작업 상태를 구분하고, 응답 유실·중복 실행 상황을 Node.js 실습으로 재현해 체크포인트와 복구 흐름을 설계합니다.
TanStack Query 화면 갱신 문제 해결: 데이터 변경 후 UI가 바뀌지 않을 때
같은 쓰기 성공에서 정상 키와 잘못된 키를 비교하는 진단 실험을 통해 v5 동작과 오류 경계를 확인합니다.
코딩테스트 JS 투 포인터 풀이: 두 정렬 배열 합치기
두 배열 합치기 JS 풀이: 투 포인터로 정렬 배열 병합를 기준으로 풀이 아이디어, 자료구조 선택, 시간 복잡도 포인트를 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
Firebase Firestore 인덱스 삭제 질문 해결: 배포 중 안전하게 판단하기
인덱스 삭제 질문의 의미를 읽고 실행 중인 쿼리와 비교해 보존·삭제를 결정합니다. Would you like to delete these indexes?는 로컬 정의와 원격 인덱스 차이를 정리할지 묻는 질문입니다. 필요 여부를…
Zustand 실무 사용 기준: store가 복잡해질 때 피할 실수
Zustand를 실무에서 사용할 때 전역 상태 범위, 서버 상태 분리, selector, persist, store 분리 기준을 상태의 출처와 수명 관점에서 정리합니다.
TanStack Query 무한 스크롤 사용법: useInfiniteQuery로 목록 이어 불러오기
커서 세 페이지, 다음 페이지 실패와 재시도를 갖춘 목록 실습을 통해 v5 동작과 오류 경계를 확인합니다.