BlogFlow | 블로그

프론트엔드 개발과 IT 기술을 중심으로 실무 경험과 학습을 기록합니다.

주요 포인트 한눈에 보기 TanStack Query에서 queryKey는 단순한 캐시 이름이 아니라, 서버 데이터를 계층적으로 분류하기 위한 구조적 기준입니다. 이 글에서는 queryKey를 배열로 설계해야 하는 이유를 사용법이 아닌 구조·설계 관점에서 정리합니…

프로젝트 개요 이 프로젝트는 실제 서비스 운영을 전제로 설계된 개인 포트폴리오이며, 인증, 사용자 데이터, 장바구니, 포인트, 대시보드, 공통 유틸, 입력 처리 등 반복적으로 사용되는 로직을 모두 Custom Hook으로 분리하…

주요 포인트 한눈에 보기 Firebase 배포 중 출력되는 Would you like to delete these indexes? 메시지는 Firestore 인덱스 설정 파일과 실제 서버 상태가 서로 달라졌을 …

주요 포인트 한눈에 보기 jQuery 4.0.0은 약 10년 만에 공개된 메이저 버전이며, jQuery 출시 20주년을 기념해 내부 구조를 크게 정리한 버전입니다. 새로운 기능이 대거 추가…

주요 포인트 한눈에 보기 Firebase 배포 과정에서 불필요한 파일이 함께 업로드되는 것을 방지하기 위해 .firebaseignore 파일을 사용합니다. 불필요한 파일을 배포에 포함시키는 것은 단순히 정리가 …

주요 포인트 한눈에 보기 2026년 웹퍼블리셔 준비는 “기술을 많이 아는 것”보다, 실제 업무에서 반복되는 산출물을 안정적으로 만들 수 있는지가 핵심입니다. 이 문서에서는 역할을 업무 단위로 쪼개어 정의하고, 그 역할을 증명…

주요 포인트 한눈에 보기 이 문서는 GPT를 활용해 Firebase 보안 규칙을 학습하고 실제 프로젝트에 적용하는 과정을 정리합니다. Firestore Database와 Firebase Storage 규칙을 중…

주요 포인트 한눈에 보기 이 문서는 Firebase 관리자 권한(Custom Claims)을 설정할 수 있도록, 실제 프로젝트에서 필요한 정보만 남기고 보안상 민감한 값은 모두 예시 값으로 대체하여 정리한 가이…

주요 포인트 한눈에 보기 이 글은 한국정보올림피아드(KOI) 기출 문제인 쇠막대기 문제를 바탕으로, 괄호 문자열을 이용해 레이저와 쇠막대기의 배치를 해석하고, 스택(Stack)을 활용해 잘려진 쇠막대기 …

주요 포인트 한눈에 보기 이 문서는 React와 Next.js에서 메타데이터를 다루는 방식의 차이를 철학부터 실제 코드 구조까지 단계적으로 정리한 학습 문서입니다. 단순한 API 사용법이 …