Jest console.error 테스트: try catch 에러 검증 방법
이 글에서 정리하는 내용 이 글은 Jest 테스트에서 try / catch로 처리된 에러가 왜 실패로 인식되지 않는지 설명하고, 에러를 던지지 않는 구조에서 console.error 호출 여부로 오류를 검증하는 실무 테스트 패턴을 정리합니다. 개…
더 읽기
hebi_admin
JavaScript Date UTC KST 차이: 시간대 변환 기준 잡기
주요 포인트 한눈에 보기 이 글은 프론트엔드 개발자가 반드시 이해해야 하는 UTC와 KST 시간 기준을 개념부터 실무 기준까지 정리합니다. 단순한 시간 차이 설명이 아니라, JavaScript Date 객체의 …
더 읽기
개발자 회사 간식 추천: 오후 집중력과 과식을 줄이는 조합
요약 개발자는 장시간 앉아서 집중하는 시간이 길고, 오후 집중력 저하를 간식으로 버티는 경우가 많습니다. 회사 간식은 다이어트뿐 아니라 냄새, 소음, 혈당 급등, 과식 방지까지 함께 봐야 업무 흐름을 덜 깨뜨릴 수 있습니다. 회사 간식은 맛보다도 조용함, 냄새, 보…
더 읽기
개발자 비타민 자가진단: 실내 근무와 피로 관리 기준
개발자 비타민 자가진단: 실내 근무와 피로 관리 기준 비타민을 막연히 외우는 대신, 생활습관과 자주 느끼는 증상, 자주 겪는 상태를 기준으로 어떤 비타민을 먼저 점검하면 좋은지 정리합니다. 비타민 D, B12, 엽산, 비타민 C, 비타민 A, 비타민 K의 핵심 역할과 …
더 읽기
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는 모두 화면의 값을 다룬다는 점에서 비슷해 보…
더 읽기
Next.js 커스텀 훅 설계: 프론트엔드 상태 관리 구조 잡기
프로젝트 개요 이 프로젝트는 실제 서비스 운영을 전제로 설계된 개인 포트폴리오이며, 인증, 사용자 데이터, 장바구니, 포인트, 대시보드, 공통 유틸, 입력 처리 등 반복적으로 사용되는 로직을 모두 Custom Hook으로…
더 읽기
Firebase Functions v2 사용법: 트리거 배포 Secret 처리
주요 포인트 한눈에 보기 ※ 이 문서는 Firebase Functions 2nd gen(v2) 기준으로 설명합니다. Firebase Functions는 프론트엔드에서 처리하면 위험하거나 부적절한 로직을 서버에서 안전하게 실행하기 위한 서버리스(Serverless) 기능…
더 읽기
jQuery 4.0 변경 사항: IE 지원 종료와 Slim 빌드 기준
주요 포인트 한눈에 보기 jQuery 4.0.0은 약 10년 만에 공개된 메이저 버전이며, jQuery 출시 20주년을 기념해 내부 구조를 크게 정리한 버전입니다. 새로운 기능이 대거 추가되었다기보다는 오래된 코드와 더 이상 필요 없는 기능을 제거하고 최신 브라우저 …
더 읽기