이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

웹 화면과 서비스를 만드는
해비의 개발 기록

웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.

전체 글

Expo · 초급 설명 15분 2026.03.10

키보드 회피·스크롤·헤더 offset을 분리하고 긴 입력 폼에서 버튼 접근성을 확인합니다. React Native flex와 TextInput, Safe Area를 알아야 합니다.

Firebase · 중급 설명 5분 2026.02.12

Hosting과 Functions ignore의 기준 디렉터리를 구분하고 필요한 런타임 파일을 보존합니다. Firebase 배포 제외는 해당 제품의 firebase.json 설정에서 관리합니다. Hosting의 public과…

일상·경험 설명 5분 2026.02.11

2024년 재택 업무에서 지급 약속이 반복해서 미뤄진 경험을 날짜와 입금액으로 정리했습니다. 진정·출석·합의 과정과 다음 계약에서 남길 기록을 담았습니다.

JavaScript · 초급 설명 7분 2026.02.10

배열 생성과 얕은 복사부터 검색·변환·정렬 메서드의 선택 기준을 정리합니다. 예산별 상품 목록 실습으로 반환값과 원본 보존을 확인합니다.

검색 의도에 맞는 기술 글을 프로젝트 근거와 연결합니다. 노출·클릭·CTR을 구분하고 공식 검색 가이드에 따라 제목·내부 링크·홍보·갱신 기준을 정리합니다.

테스트 · 중급 설명 10분 2026.02.02

Jest의 실패 기준을 바로잡고 rejection·실패 결과·로그 계약을 구분합니다. console.error spy와 restoreMocks를 포함한 독립 실습에서 테스트 6개를 실행합니다.

JavaScript · 중급 설명 8분 2026.01.30

UTC KST 차이: JavaScript Date 시간 처리 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.

일상·경험 · 2026 설명 4분 2026.01.30

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

배포·서버 배포·서버 · 초급 설명 13분 2026.01.29

Firebase Hosting과 App Hosting의 차이를 정적 산출물, 요청별 서버 실행, SSR과 비용 조건으로 구분합니다.

TanStack Query · 중급 설명 9분 2026.01.28

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

TanStack Query · 중급 설명 10분 2026.01.28

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

React React · 중급 설명 6분 2026.01.27

컴포넌트가 커지면 Context로 상태를 공유하는 것만으로는 충분하지 않습니다. 여러 컴포넌트에서 반복되는 상태 접근·Effect·도메인 계산이 생기면 UI 코드와 로직 코드가 다시 섞이기 시작합니다.