TanStack Query queryFn 사용법: 데이터 요청 로직 분리하기
주요 포인트 한눈에 보기 TanStack Query에서 queryFn은 단순히 데이터를 가져오는 함수가 아니라, 캐시 계층과 서버 요청 사이를 연결하는 유일한 계약 지점입니다. 이 글에서는…
더 읽기상태관리·데이터
라이브러리는 특정 기능을 효율적으로 사용하기 위해 필요한 순간에 호출하여 사용하는 코드 모음입니다. 프로젝트의 전체 구조나 흐름을 강제하지 않으며, 개발자가 직접 제어권을 가지고 선택적으로 활용할 수 있습니다.
Firestore seed data 설계: 리뷰 더미 데이터 구조 잡기
이 글에서 정리하는 내용 이 글은 단순한 리뷰 시딩 코드 설명이 아닙니다. 읽기 전략, 인덱스 설계, 쓰기 제한 분석, 동시성 고려, 분포 기반 데이터 설계까지 포함한 실무형 설계 분석입니다. 왜 리뷰 시딩 스크립트가 필요한가 전체 Firestore 구조 설계 분…
더 읽기
Firebase .firebaseignore 작성법: 배포 제외 파일 관리
주요 포인트 한눈에 보기 Firebase 배포 과정에서 불필요한 파일이 함께 업로드되는 것을 방지하기 위해 .firebaseignore 파일을 사용합니다. 불필요한 파일을 배포에 포함시키는 것은 단순히 정리가 …
더 읽기
Firebase Hosting App Hosting 차이: 정적 배포와 SSR 기준
이 글에서 정리하는 내용 Firebase 과 이 무엇을 해결하는 서비스인지부터, 정적 사이트·SPA·Next.js 프로젝트에서 어떤 선택이 더 자연스러운지까지 한 번에 정리합니다. 글을 끝까지 보면 프로젝트가 CDN 중심 배포에 가까운지, 서버 렌더링과 운영 자동화가 …
더 읽기
TanStack Query queryKey 설계 기준: 배열 키로 캐시 구분하기
주요 포인트 한눈에 보기 TanStack Query에서 queryKey는 단순한 캐시 이름이 아니라, 서버 데이터를 계층적으로 분류하기 위한 구조적 기준입니다. 이 글에서는 queryKey를 배열로 설계해야 하는 이유를 사용법이 아닌 구조·설계 관점에서 정리합니…
더 읽기
TanStack Query vs Zustand: 서버 상태와 클라이언트 상태 차이
둘 다 상태를 다루는 도구처럼 보여 API 데이터까지 Zustand에 넣거나, 모달 상태까지 Query로 관리하려는 혼란이 생깁니다. 둘 다 상태를 다루지만 출발점이 다릅니다 TanStack Query와 Zustand는 모두 화면의 값을 다룬다는 점에서 비슷해 보…
더 읽기
Firebase Functions v2 사용법: 트리거 배포 Secret 처리
주요 포인트 한눈에 보기 ※ 이 문서는 Firebase Functions 2nd gen(v2) 기준으로 설명합니다. Firebase Functions는 프론트엔드에서 처리하면 위험하거나 부적절한 로직을 서버에서 안전하게 실행하기 위한 서버리스(Serverless) 기능…
더 읽기
jQuery 4.0 변경 사항: IE 지원 종료와 Slim 빌드 기준
주요 포인트 한눈에 보기 jQuery 4.0.0은 약 10년 만에 공개된 메이저 버전이며, jQuery 출시 20주년을 기념해 내부 구조를 크게 정리한 버전입니다. 새로운 기능이 대거 추가되었다기보다는 오래된 코드와 더 이상 필요 없는 기능을 제거하고 최신 브라우저 …
더 읽기
Firebase Custom Claims 사용법: 관리자 권한 구분하기
주요 포인트 한눈에 보기 이 문서는 Firebase 관리자 권한(Custom Claims)을 설정할 수 있도록, 실제 프로젝트에서 필요한 정보만 남기고 보안상 민감한 값은 모두 예시 값으로 대체하여 정리한 가이…
더 읽기
Firebase 보안 규칙 설계: Firestore와 Storage 권한 관리하기
주요 포인트 한눈에 보기 이 문서는 GPT를 활용해 Firebase 보안 규칙을 학습하고 실제 프로젝트에 적용하는 과정을 정리합니다. Firestore Database와 Firebase Storage 규칙을 중…
더 읽기