Firestore arrayUnion 중첩 배열 오류: 배열을 그대로 넘기면 실패하는 이유
Firestore arrayUnion(tags)가 배열 전체를 하나의 요소로 받아 발생시키는 중첩 배열 오류를 재현하고, arrayUnion(...tags) 수정 결과를 실제 실행으로 비교합니다.
책상 정리 용품 · 제휴
모아 보기이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
2026년 9월 16일 AI 브리핑: 에이전트 통제·Salesforce in Claude
Google의 Gemini Enterprise Agent Platform 런타임 거버넌스와 Anthropic의 Salesforce in Claude 베타를 공식 자료로 확인하고, 에이전트 보안과 CRM 연동에 미치는 영향을 정…
Zustand Todo 완성 실습: actions·선택 훅·persist 연결
할 일 추가·완료·삭제를 action으로 모으고 새로고침 후 상태를 복원합니다.
Zustand subscribeWithSelector·devtools: 선택 구독과 해제 실습
React 렌더 구독과 외부 리스너를 구분하고 등록한 구독을 정리합니다.
Zustand combine·immer 실습: 타입 추론과 중첩 상태 불변성
초기 상태와 action을 나누고 이전 객체를 보존하며 중첩 값을 변경합니다.
shadcn ui 복합 컴포넌트 실습 Dialog Popover Carousel 접근성
Button이나 Input은 하나의 요소만 이해하면 사용할 수 있지만 Dialog·Popover·Carousel 같은 복합 컴포넌트는 Trigger, Content, 상태, 포커스 이동을 함께 이해해야 합니다.
TanStack Query Todo 실습: 서버 연결·낙관적 업데이트·실패 롤백
실제 로컬 API를 연결하고 추가·수정·삭제별 캐시 전략과 실패 복구를 확인합니다.
TanStack Query 수동 캐시 정규화: 목록·상세 동기화와 선택 기준
수동 정규화의 구조와 비용을 이해하고 기본 Query 캐시와 비교해 선택합니다.
2026년 9월 15일 AI 브리핑: Claude 금융 자문·AgentCore 권한 관리
Anthropic의 Claude for Financial Advisors와 Amazon Bedrock AgentCore Consent portal을 공식 자료로 확인하고, 금융 업무 자동화와 에이전트 OAuth 권한 관리에 미…
shadcn ui 시작 실습 Vite 설정 components json 입력 폼 Sonner
shadcn/ui는 완성된 UI 패키지를 단순히 import해서 쓰는 방식과 조금 다릅니다. CLI가 프로젝트 설정을 확인하고 필요한 컴포넌트 소스를 프로젝트 안에 추가합니다. 생성된 코드를 프로젝트가 직접 소유하고 수정한다는…
React Router v7 실습 BrowserRouter Layout Outlet 상세 경로
화면이 하나일 때는 조건부 렌더링만으로도 충분합니다. 하지만 목록·상세·설정처럼 URL로 구분해야 하는 화면이 생기면 라우팅 계층이 필요합니다.
AI 코드 질문 소개
짧은 코드와 궁금한 점을 입력하면 코드의 동작과 오류 원인을 설명하는 웹 학습 도구입니다. 입력한 코드와 질문은 동의 후 OpenAI로 전달되며, 코드를 실행하거나 파일을 수정하지는 않습니다.
