React Hook Form 에러 메시지 표시 문제 해결: validation이 안 보일 때 체크리스트
required나 minLength를 넣었는데 errors 객체가 비어 있거나에러가 있는데 화면에 표시되지 않는 경우가 생깁니다. validation이 안 보일 때는 에러가 없는지, 표시만 안 되는지 나눕니다 React Hook Form에서 에러 메시지가 안 보인…
더 읽기
hebi_admin
TypeScript Type is not assignable to type 오류 해결: 타입 불일치 원인 찾기
이 글에서 정리하는 내용 TypeScript Type is not assignable to type 오류는 값을 넣는 쪽의 타입과 받는 쪽의 타입이 서로 맞지 않을 때 발생합니다. 이 글에서는 optional property, union type, API 응답 타입 불…
더 읽기
개발자가 AI 코딩 도구를 쓸 때 생기는 검토 부채 문제
이 글에서 정리하는 내용 AI 코딩 도구는 코드를 빠르게 만들어주지만, 팀이 검토해야 할 코드·맥락·의사결정까지 함께 늘립니다. 이 글은 AI 사용 후 생기는 검토 부채를 PR 리뷰, 테스트, 문서화, 아키텍처 승인 관점에서 정리하고, 팀에서 바로 적용할 수 있…
더 읽기
AI 에이전트가 실패하는 진짜 이유: 모델 성능보다 상태 관리가 먼저다
이 글에서 정리하는 내용 AI 에이전트가 실패할 때 원인을 모델 성능에서만 찾으면 같은 문제가 반복됩니다. 장기 작업에서는 사용자 의도, 현재 단계, 중간 결과물, 실패 원인, 재개 지점을 따로 저장해야 합니다. 이 글은 에이전트 품질을 프롬프트가 아니라 상태 …
더 읽기
TanStack Query 화면 갱신 문제 해결: 데이터 변경 후 UI가 바뀌지 않을 때
TanStack Query 데이터가 바뀌었는데 화면이 갱신되지 않는 이유에서 먼저 확인할 것 TanStack Query 데이터가 바뀌었는데 화면이 갱신되지 않는 이유는 증상만 보고 바로 고치기보다 실행 환경, 설정, 데이터 형태를 나눠 확인해야 합니다. 서버 데이터는 …
더 읽기
코딩테스트 JS 투 포인터 풀이: 두 정렬 배열 합치기
주요 포인트 한눈에 보기 이 문제는 "정렬"이 아니라 "정렬된 두 배열을 빠르게 병합"하는 문제입니다. sort()로 다시 정렬하면 결과는 맞아도 코딩 테스트에서는 감점 또는 오답이 될 수 있습니다. …
더 읽기
Firebase Firestore 인덱스 삭제 질문 해결: 배포 중 안전하게 판단하기
주요 포인트 한눈에 보기 Firebase 배포 중 출력되는 Would you like to delete these indexes? 메시지는 Firestore 인덱스 설정 파일과 실제 서버 상태가 서로 달라졌을 …
더 읽기
Zustand 실무 사용 기준: store가 복잡해질 때 피할 실수
이 글에서 정리하는 내용 Zustand는 문법이 짧아서 프로젝트에 빠르게 붙일 수 있지만, 실무에서는 어떤 상태를 전역 store에 넣을지 먼저 정하지 않으면 구조가 쉽게 흐려집니다. 이 글은 Zustand를 사용할 때 상태 범위, 서버 상태 분리, selector, …
더 읽기
TanStack Query 무한 스크롤 사용법: useInfiniteQuery로 목록 이어 불러오기
TanStack Query v5에서 무한 스크롤을 볼 때 먼저 잡아야 할 기준 무한 스크롤은 화면 아래에 닿으면 다음 데이터를 가져오는 기능처럼 보이지만, 실제 구현에서 먼저 흔들리는 부분은 스크롤 감지가 아니라 다음 요청에 넘길 값입니다. 이 글은 TanStack Q…
더 읽기
SSH SFTP FTP 차이: 서버 접속과 파일 전송 기준 잡기
이 글에서 정리하는 내용 FTPS가 왜 자꾸 헷갈리는지부터 정리하고, 파일 전송과 서버 접속을 목적 기준으로 구분하는 방법을 설명합니다. 접속 정보에 적힌 Host, Port, Username, Password, Key file이 무엇을 의미하는지 함께 살펴보며, 웹퍼…
더 읽기