해비

웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.

총 368개의 글

일상·경험 · 2026 4분 2026.01.30

회사에서 먹기 편한 간식 5가지를 냉장 보관, 냄새, 소음, 쓰레기, 먹는 양 기준으로 정리했습니다. 제품 이름보다 사무실에서 실제로 먹기 편한지를 중심으로 비교합니다.

배포·서버 14분 2026.01.29

npm 빌드와 정적 파일의 의미를 알고 있다는 전제에서, 빌드 결과가 HTML 파일인지 서버 프로그램인지 확인해 Hosting과 App Hosting을 선택합니다. 설정 조각은 서로 다른 프로젝트의 예시이므로 합쳐 넣지 않습니…

TanStack Query · 중급 30분 2026.01.28

필터와 사용자 범위를 배열 키로 분리하고, key factory·prefix 무효화·fresh 캐시 재사용을 실습과 테스트로 확인합니다.

TanStack Query · 중급 36분 2026.01.28

상품 데이터·선택 ID·패널·URL·편집 초안의 소유권을 나누고, 서버 응답을 복사하지 않는 상품 선택 실습을 완성합니다.

React · 고급 67분 2026.01.27

인증, 사용자 데이터, 장바구니, 포인트와 대시보드 로직을 커스텀 훅으로 나눈 포트폴리오 사례를 통해 각 훅의 책임과 UI 컴포넌트의 역할을 살펴봅니다.

Firebase · 고급 7분 2026.01.26

v2 callable·Firestore 트리거와 Secret 바인딩의 차이를 설명하고 배포 점검 순서를 정합니다. Functions는 신뢰해야 하는 코드를 실행하는 서버 환경입니다. 클라이언트에서 숨긴 버튼은 권한 검사가 아니…

IT·AI 소식 · 2026 7분 2026.01.26

jQuery 4.0 변경 사항: IE 지원 종료와 Slim 빌드 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.

Firebase · 고급 5분 2026.01.26

관리자 claim의 부여·전파·집행·회수를 서로 다른 단계로 설계합니다. Custom Claims는 서버가 서명한 ID token에 담는 작은 권한 정보입니다. 화면의 isAdmin 값은 표시용이고 실제 허용은 Rules나 서…

커리어·포트폴리오 7분 2026.01.22

지원할 공고를 고르고, 요구사항을 본인의 경험과 대조해 제출 자료를 만드는 방법을 다룹니다. 준비물은 관심 공고 3개와 설명할 수 있는 프로젝트 1개입니다. 연봉은 출처 없는 평균 대신 실제 제안의 구성 항목으로 비교합니다.

Firebase · 고급 34분 2026.01.22

Firestore와 Storage의 소유권·허용 필드·파일 조건을 부정 테스트로 검토합니다. 규칙 설계는 사용자·경로·작업을 표로 정한 뒤 허용해야 할 요청만 열어가는 작업입니다. 서버 SDK의 IAM과 클라이언트 Rules를…