PocketBase API Rules3 [AI] Claude와 함께 타임박싱 웹앱 만들기 #10 — 가족 대시보드, 주간 목표, 알림 9편에서 소셜 시스템과 인라인 캘린더를 만들었습니다. 친구/그룹이 생겼으니 자연스러운 다음 단계가 보였습니다. "가족 멤버들의 하루를 한 화면에서 보고 싶다", "이번 주 운동 몇 번 했는지 자동으로 세고 싶다", "다음 일정 5분 전에 알림 받고 싶다". 이번 편에서는 가족 대시보드, 주간 목표 시스템, 브라우저 알림을 구현한 과정을 정리합니다.1. 환경 정보항목버전/스펙BackendPocketBase (Self-hosted, SQLite)FrontendHTML + Vanilla JS (PWA)InfraProxmox VE — LXC 컨테이너Web ServerNginx (리버스 프록시)SSLLet's Encrypt2. 가족 대시보드2-1. 설계👨👩👧👦 버튼을 누르면 팝업이 뜨고, 내가 속한 .. 2026. 3. 29. [AI] Claude와 함께 타임박싱 웹앱 만들기 #9 — 소셜 시스템 + 인라인 캘린더 8편에서 "앞으로 할 것"에 적었던 친구 맺기와 월간 캘린더를 드디어 만들었습니다. 공유 일정 기능은 이미 있었지만 "누구에게 보낼지" 관리가 안 됐습니다. 유저 목록을 전부 보여주고 체크하는 방식이었으니까요. 캘린더도 없어서 날짜를 > 버튼으로 하루씩 넘겨야 했고요. 이번 편에서는 친구/그룹 소셜 시스템, 인라인 월간 캘린더, 그룹 단위 공유를 추가한 과정을 정리합니다.1. 환경 정보항목버전/스펙BackendPocketBase (Self-hosted, SQLite)FrontendHTML + Vanilla JS (PWA)InfraProxmox VE — LXC 컨테이너Web ServerNginx (리버스 프록시)SSLLet's Encrypt2. PocketBase 컬렉션 설계기존에 users, timeb.. 2026. 3. 27. [AI] Claude와 함께 타임박싱 웹앱 만들기 #7 — 가족끼리 일정 공유 타임박싱을 혼자 쓰다 보니 욕심이 생겼습니다. "저녁 약속", "병원 예약", "아이 학원" 같은 일정을 가족끼리 공유할 수 있으면 좋겠다는 생각이요. 내 타임테이블에 와이프가 등록한 "마트 장보기"가 보이고, 와이프 타임테이블에 내가 등록한 "퇴근 후 픽업"이 보이는 구조를 만들어보겠습니다.1. 환경 정보항목버전/스펙BackendPocketBase (Self-hosted)FrontendHTML + Vanilla JSReverse ProxyNginx인프라Proxmox 홈랩 LXC 컨테이너AI 어시스턴트Claude2. 배경 — 왜 공유 일정이 필요했나4자녀 가정이다 보니 일정이 복잡합니다. 학원 픽업, 병원 예약, 마트 장보기 같은 것들이 매일 겹치는데, 서로 어떤 일정이 있는지 확인할 방법이 없었습니다... 2026. 3. 25. 이전 1 다음
