[P1]Archvv

1/19 (Day 1) 아이디어 시작: "비개발자를 위한 깃허브" GPT와 첫 대화 시작 1/20 (Day 2) monet.design 발견 → 깃허브 잔디에 관심 Claude Code 첫 사용 - 신세계 비개발자용 잔디 앱 아이디어로 발전 1/21 (Day 3) MVP 개발 시작 사용량 이슈로 속도 저하 PRD의 존재를 알게 됨 1/22 (목) - 🔥 본격 개발 시작 오후 (15:46~18:44) 15:46 프로젝트 초기화 (폴더 구조, Next.js 14) 16:06 타입 정의 (User, Archive, Log, Tag, Goal, Release) 16:14 Supabase 연동 16:24 로그인/회원가입 페이지 16:40 Google 로그인 버그 (쿠키 저장 문제) - 약 1시간 삽질 16:52 Log CRUD 16:59 Archive 저장 안 됨 (RLS 문제) 17:10 Garden (잔디) 컴포넌트 17:33 Streak 기능 17:36 문법 에러 (괄호 누락) 17:41 로그 개수/Streak 반영 안 됨 17:43 테스트용 데모 데이터 SQL 17:48 프로필 페이지 17:53 프로필 저장 안 됨 17:56 프로필 사진 기능 18:00 SQL 적용 안 됨 18:05 공개 프로필 Streak 0 문제 18:10 Streak 계산 로직 오류 (3일인데 1일로 표시) 18:17 커밋 전 보안 점검 (API 키) 18:20 랜딩 페이지 v1 18:26 랜딩 페이지 v2 (GitHub 스타일) 18:31 UI 긴급 수정 (정렬, 반응형) 18:34 Garden 반응형 18:37 여백 문제 (너무 비어 보임) 18:44 PRD 반영 Dashboard/Log 개선 저녁~밤 (20:23~23:20) 20:23 계속 진행 20:28 500 에러 20:56 모두 보기 404 에러 21:00 Streak 표시 문제 ("최고 7일" 표기) 21:03 All Log에 아카이브 보임 버그 21:11 로그인 에러 (CSS 404, 500) 21:13 첫 커밋 21:15 Co-Authored-By 표시 제거 21:17 settings.local.json 커밋 여부 21:18 게시(push) 21:29 데이터 구조 보강 21:39 Dashboard 3-column 레이아웃 21:49 반영 안 됨 현상 21:53 Tiptap SSR 에러 (immediatelyRender) 21:55 New Log 풀모드 안 됨 21:56 Archive 카드 22:18 Volume & Late 기능 22:30 Release 기능 22:41 통계 & Garden 개선 22:48 온보딩 22:53 마스터 검사 (PRD 전체 점검) 23:01 미니잔디, 평균 기록 길이, Volume, 가이드 툴팁 23:13 칸 잘림 현상 23:20 커밋 1/23 (금) - Dashboard 구조 & 핵심 기능 새벽 (00:59~02:25) - 1/22 밤부터 연속 작업 00:59 Full Log 글 안 써짐 01:00 치명적 버그들 (Full Log, TAG, 날짜 선택, 미니잔디) 01:12 검색 기능 구현 (⌘K 단축키) 01:20 Timeline 뷰 구현 01:25 알림 기초 시스템 (Streak 위험 알림) 02:25 LogCard 이미지 썸네일 오전 (08:56~09:50) 08:56 공개 프로필 완성 (/u/[username]) 09:02 Archive Share 기능 (링크/트위터/페이스북) 09:08 Cheers(응원) DB 저장 09:14 Mood별 Garden 시각화 (색상 토글) 09:16 태그 자동완성 09:20 Compare(Diff) 기능 (두 기간 비교) 09:27 Next.js headers 에러 (pages/ 디렉토리) 09:30 PDF 내보내기 (Pro 기능) 09:35 webpack 캐시 에러 09:37 swc 패치 09:45 big strings 경고 09:46 캐시 정리 (clean the cache) 09:49 런타임 에러 09:50 Supabase 작업 정리 오전~낮 (10:05~12:31) 10:05 Release 우측 연동 안 됨 10:09 이모지 변경 누락, Archive 한도 버그 (5개인데 한도 도달) 10:21 Activity Garden 이모지 변환 10:32 릴리즈 테스트, Streak 점검, Archive 한도 10:37 Mood 이모지 불일치, 릴리즈 새로고침 필요 10:40 Streak 이상 10:43 릴리즈 표시/응원버튼 10:47 릴리즈 수정 버튼 → 다른 곳으로 10:51 Mood 구분 어려움 10:53 로그 태그 미리보기 안 됨 10:59 변경 안 보임 11:03 로그 클릭 → 아카이브로 넘어감 (로그 수십개 안 보임) 11:05 Supabase 작업 확인 11:07 메뉴 구조 정리 (홈/잔디/아카이브/릴리즈) 11:15 로그 클릭 → 아카이브로, 로그 ID 안 보임 11:21 로그 뷰어 구현 (클릭 → 창 띄우기) 11:28 Archive별 Mood/Energy 설정 (on/off) 11:43 최근 로그 ID 미부여 11:46 Career Mood/Energy 끄면 통계도 변경? 11:53 새 로그 작성 안 됨, 아카이브 호버 수정 11:59 대시보드 뉴로그 → 아카이브 선택 안 됨 12:11 Full Log에서 아카이브 선택 안 됨 12:14 개별 통계 안 잡힘, 아카이브 호버 수정/삭제 안 됨 12:31 아카이브 호버에 수정/삭제 중복 오후 (13:00~16:14) 13:00 임시저장 기능, 뉴아카이브 Mood/Energy, 리센트로그 클릭 13:09 임시저장 테스트 실패 13:12 로그 칸 크기 불일치, 로그 창 재설계 (우측 → 모달) 13:40 타임라인 로그 클릭 → 로그창, 아카이브 로그 우측 제거 13:48 기간별 탭 (주별/월별/연별/기간 선택) 14:06 Quick Log 라인 제거, Activity Garden 스크롤 제거 14:15 스크롤 제거 재시도 14:29 Tiptap 확장자 중복 경고 14:34 목표 설정 반영 안 됨 14:48 Quick Log & Activity Garden 레이아웃 대수술 헤더 Streak 제거 상세 통계 오른쪽 끝으로 Less/More 범례 잔디 안쪽으로 잔디 1년 전체 표시 Mon/Wed/Fri 너비 확보 14:50~15:05 픽셀 단위 조정 (15분간 핑퐁) "아니 more의 e가 끝이라고 생각하고 맞춰달라고!!!" "그래 이제 잔디가 겹치지 않게 내려!!" "아니 왜 또 오른쪽 끝으로 튀어나가냐 ㅡㅡ" "동그라미 친 공간을 줄이라고................." 15:12 Goals, Quick Log, Archives, Recent Logs UI 개선 15:17 Activity Garden 여백 미세 조절 15:20~24 Quick Log/Archives 그리드 정렬 15:42 태그 클릭 → 해당 로그 필터링 15:45 태그 검색 기능 15:48 Quick Log 너비 확장 (All Archives와 정렬) 15:54~59 그리드 통일 시도 16:03 프로젝트 구조 점검 & PROJECT_STRUCTURE.md 생성 16:10 커밋 16:14 불일치 수정 (Cheer 인터페이스, NotificationType) 1/24 (토) - Cheers, 공개 프로필, 응원 시스템 새벽 (00:02~02:38) - 1/23 밤부터 연속 작업 00:02 자동 삭제 30일, 조회수 추가 00:06 응원 취소/재응원 시 알림, 모두 삭제 방식 변경 00:11 응원 취소 → 재응원 시 카운트 오류 00:13 최초 응원 시 2로 표시 00:14 시크릿창 응원 반영 안 됨 00:17 조회수 새로고침 시 계속 증가 00:28 링크 온리 릴리즈 공개프로필 안 뜸 00:29 응원 취소 → 재응원 알림 또 감 00:32 알림 계속 뜸 00:38 Explore 페이지 추가 (준비 중 플레이스홀더) 00:40 Explore 빠져나올 방법 00:47 Cheers DB 저장 확인 00:50 태그 색상 통일 00:53 로그 수정 임시저장 삭제 후에도 내용 그대로 00:55 파란 글씨 색상 변경 00:56 새 로그 기본 날짜 = 오늘 00:58 임시저장 삭제해도 계속 나옴 00:59 X버튼 자동 임시저장 01:01 뉴로그인데 어제 날짜 01:03 PDF 내보내기 (Pro 기능, @react-pdf/renderer) 01:05 데이터 내보내기 (JSON/CSV) 01:08 Free 아카이브 5→6개 01:11 아카이브 이름 길이 문제 01:12 릴리즈 수정 버튼 → 아카이브로 01:14 아카이브 순서 드래그 변경 01:20 순서 변경 안 됨, Supabase 작업? 01:22 대시보드 로그 3행 2열 → 3행 4열 01:24 71개 로그인데 일부만 보임 01:27 릴리즈 조회수 표시 01:29 릴리즈 연동 안 됨 01:31 Partner 기능 시작 (Archive 공동 작성자) 01:41 파트너 초대 방법 01:45 초대 링크 다시 보기 01:46 메일 자동 발송 01:51 파트너 한도 (Free 4명, Pro 49명) 01:55 초대장 내용 없음, 도트 색 다름 01:57 표시 안 됨 02:02 초대 수락 실패 02:04 수락 직후 에러 02:09 RLS 정책 중복 에러 02:17 브라우저/로그인 각각 테스트 02:18 기존 계정 초기화 상태 02:20 무한 재귀 버그 (archives ↔ partners 순환 참조) 02:23 퀵로그/가든 높이 뒤틀림 02:25 첫 로그 없을 때 Garden 높이 02:27 파트너 로그 수 카운트 안 됨 02:28 파트너로 아카이브 무제한 생성 가능 오류 02:33 파트너도 6개/무제한 02:35 600명 제한 02:36 Resend 메일 연동 (도메인 인증 완료) 02:38 API 키 확인 02:41 도메인 verify 새벽 계속 (02:51~02:55) 02:51 API 키 발견, 다음 단계 02:53 Resend 모듈 설치 에러 02:55 팝업창 → 다른 방식 오전 (10:14~12:47) 10:14 초대 메일 안 옴 10:18 쿠키 rejected 10:21 Resend 설정 확인 10:22 send.archvv.com 설정 10:24 403 Not authorized (Resend) 10:26 도메인 설정 10:28 여전히 에러 10:31 RLS 정책 문제 10:33 메일 미수신 10:41 발신 취소 안 됨 10:45 완료 10:48 정책 위치 10:49 정책 수정 10:53 user_id 컬럼 없음 10:56 정책 정리 10:57 필요한 것만 백업 후 정리 11:17 에디터 쌓인 거 정리 11:23 테이블 정리 (오류 반복 방지) 11:25 user 외 전체 점검 11:27 파트너 초대 시 알림 (메일 + 앱 알림) 11:34 Partner 새로고침 시 밖으로 빠짐 11:36 여백 클릭 뒤로가기 범위 조절 11:38 ESC 키 + 배경 클릭 11:39 대기중 초대 남아있음 11:41 알림 새로고침마다 나타남 11:42 레코드 남아있음 11:45 테스트 (알림, 대기중 초대 자동 삭제) 11:49 초대 수락 알림 (소유자에게) 11:53 파트너 아카이브 UI 정리 (좌측 메뉴, All Archives) 11:59 파트너 순서 변환, 한도 표시, 더보기 12:10 All Archives 여백 클릭 수정 (좌우만) 12:39 파트너 다양해지면 생성자 혼란 → 아바타 + 인원수 12:41 소유자 프로필 작게 + 파트너 수 12:47 파트너 아카이브 사라짐, 소유자도 아바타 표시 저녁 (19:16~21:17) 19:16 소유자도 파트너 있으면 partner 섹션으로? 19:17 퀵로그 폰트 크기 커 보임 19:19 Activity Garden 반응형 안 함 19:20 깃헙 스크롤? 동적 셀? 19:24 반응 안 하고 볼품없이 줄어듦 19:29 잔디 크기 고정이라 반응 안 함 19:31 하이브리드 반응형 19:37 좌측 메뉴 파트너 표시 19:42 도트 정렬 19:44 아바타 클릭 → 프로필 19:48 파트너 100명 이상 → 관리 페이지 20:07 소유자 아바타 정렬 20:09 정렬 안 맞음 20:12 마우스 오버 수정/삭제 문제해결 20:15 파트너쪽 우측 정렬, 좌측 메뉴 너비 20:18 파트너 로그 구분 (소유자/파트너 표시) 20:26 권한 설정 (파일 참조) 20:35 파트너 로그 작성 시 알림 (상호) 20:39 알림 안 옴 20:44 알림 이모지 변경 안 됨 20:50 Lucide 스타일로 20:51 Mood 이모지 Lucide 스타일 21:01 감정 5개 대표성? 21:03 행복/설렘 겹침 → 행복 → 화남 교체 21:06 마이그레이션 21:08 check constraint 에러 21:11 퀵로그/가든 높이 미세하게 다름 21:16 다른 이유: 브라우저 줌 레벨 차이였음ㅋ 21:17 커밋 1/25 (일) - Garden 개선, Partner 마무리, 랜딩 페이지 새벽 (00:06~02:37) - 1/24 밤부터 연속 작업 00:06 계속 00:14 스키마 변경? 00:15 DB 테이블 점검 (삭제할 것?) 00:17 log_tags 삭제 에러 (의존성) 00:18 카운트 안 됨 00:19 펑션 삭제? 00:20 index 확인 00:22 cheer_notification_sent 삭제됨 00:22 Garden 월별 → 가로 형태 00:25 월별도 주별처럼 00:27 상단/좌측 메뉴 통일 00:29 메뉴 순서 통일 (대시보드, 잔디, 아카이브, 로그...) 00:32 log → timeline 00:34 아카이브 창 블록 위치 수정 (드래그) 00:43 All Archives 순서 변경 요청 00:52 설명 없는 아카이브 칸 불일치, 수정/삭제 추가 01:02 All Archives 잔디 안 바뀜 01:07 파트너 아카이브 순서 변경, Timeline 수정/삭제 01:17 타임라인 수정 안 됨 01:22 Mood/Energy 선택 시 순서 고정 01:24 타임라인 수정/삭제 (클릭 없이) 01:29 Activity Garden 연별/전체기간 → 스크롤 제거 01:33 잔디 너무 작아짐 01:36 요청 전으로 01:39 전체기간 OK, 연별 양쪽 여백 최소 01:41 연별 잔디 연도 표시 삭제 01:42 전체보기 M W F 생략 방지 01:44 통계 잔디 페이지 여백 조절 01:46 Streak 정책 강화 (Late 제외, 당일만 인정) 01:57 타임라인 시간 오전 09:00 일괄 표기 수정 01:59 수정/삭제 형태 통일 (...) 02:02 삭제 빨간색 통일, 릴리즈 순서 변경 02:08 ...패턴 호버/기본 표시 통일 02:08 드래그핸들 통일 02:09 릴리즈 발행됨 마크 위치, 임시발행 구분 02:12 이미지 우측 정렬 (통일감) 02:13 폰트 크기/색상 점검 02:17 깃허브 = 버전관리, Archvv는 뭐? 02:18 유저 불편점/개선점? 02:28 커밋 & 푸시 02:37 README 업데이트 오전 (11:39~11:55) 11:39 Supabase 마이그레이션 정리 필요성 논의 11:46 랜딩 페이지 전문화 11:51 GitHub 직접 언급 위험 11:55 개발자용 아님, vv 띄어쓰기 제거, 둘러보기 막힘, Pricing 삭제 오후 (15:07~17:38) 15:07 GitHub 서포트 안 해줌, vv 색 원래대로 15:14 My Goals 사용성 문제 15:17 한 줄 목표로 간소화 15:24 문구만 수정 15:25 대시보드 여백 정리 15:28 다중 선택 (삭제, 태그 추가, Archive 이동) 15:35 로그 수정/삭제 ... 겹침 15:37 사용법 15:38 좌측 사이드바 어디? 15:40 메뉴 순서 (가든-아카이브-로그-타임라인) 15:42 All Logs와 Timeline 비슷 → 합치기? 15:47 Timeline 삭제, 두 기능 통합 15:49 완전 합치기 15:52 아카이브 선택 기능 추가 15:55 Late 순서 수정 15:57 Late 아이콘 통일 16:00 Logs 페이지 내에서 열고 편집 16:05 로그창 통일성 극대화 16:10 예전 버전으로 나옴 (좌측) 16:12 두 번째 이미지 형태로 16:15 형태 자체 변경 (좌측 X) 16:22 필터, 선택 편집 점검 16:32 파트너 로그 보기/수정 권한 16:43 파트너 표식, 배경색 차이 16:47 아카이브 핀 기능 고도화 (작동 안 됨) 16:59 대시보드 unpin 반영 안 됨 17:05 아카이브 Goals 고도화 17:38 파트너 로그 통계 안 잡힘 저녁 (17:43~20:41) 17:43 골 삭제 팝업 제거 17:57 파트너 로그 표기 안 됨 18:48 파트너 해제 정책 (로그 내보내기, 7일 유예) 18:54 유예기간 내 내보내기 완료 시 즉시 적용 19:11 파트너 로그 삭제 안 됨 19:13 syntax error 19:17 파트너 제거 요청 실패 19:21 여전히 실패 19:25 파트너에 아바타 표시 19:27 제거 요청 실패 19:29 알람 클릭 → 해당 창 이동 19:33 로그 내보내기 json 외 다른 방법? 19:37 아카이브창 → 다른 아카이브 이동 19:45 정책 추가해도 안 바뀜 19:52 파트너 설정창 노출 (삭제 가능) 19:58 파트너도 즉시 나가기 20:03 탈퇴 후 남아있음 20:06 로그 내보내기/복사 → 나가기 20:20 Career 파트너 나갔는데 흔적 남음, 알람 안 감 20:29 알람 클릭 → 수락 페이지 20:36 마이그레이션 코드 20:41 마이그레이션해도 변화 없음 20:48 계속 남아있음 밤 (20:51~21:21) 20:51 Goals 기능 업데이트 실행 방법 20:52 설정/관리 방법 20:55 마감일 형식 (2026/03/23) 20:57 My Goals 복원 21:07 단순화 전이 더 좋음 21:19 아카이브별 목표 간격, 달성량 가시성, 순서 변경, 클릭 → 로그 작성 21:21 커밋 1/26 (월) - MVP v0.1.0 배포 오후 (15:11~16:31) 15:11 컨텍스트 통합, 0.1.0으로 롤백 15:14 랜딩페이지 통계 안 됨, 대시보드 이동 안 됨 15:16 환경변수 확인 15:21 webpack 경고 15:21 Vercel 배포 시도 16:22 Build Failed (.next 디렉토리) 16:24 도메인 수정 (archvv.com) 16:25 DNS 설정 16:31 MVP 부분 작성 저녁 (20:23~21:20) 20:23 계속 20:35 배포 반영 확인 20:39 Contact 클릭 기능 20:44 auth callback URL 설정 20:47 회원가입 기능 오류 확인 20:48 확인 페이지 20:49 비밀번호 찾기? 20:50 PKCE 오류 (email 회원가입) 20:57 모바일 최적화 시작 21:11 랜딩페이지부터 21:18 커밋/푸시 규칙 정리, 버전 관리 21:20 모바일 전폭 수정 필요 밤~새벽 (계속 작업, 1/27로 이어짐) 1/27 (화) - 모바일 최적화 오전 (08:55~13:36) 08:55 계속 09:03 화면 밖 넘침 (아이폰 프로맥스 14) 09:10 잔디 Less/More 크게 09:13 Garden mood 호버 시 색상 표시 09:29 모바일 메뉴 이동 버튼, 페이지 이름 줄바꿈, 릴리즈 페이지 최적화 13:00 계속 13:33 가든 글씨 잘림 13:36 드래그앤드롭 터치 최적화, 공개프로필 줄바꿈, 뒤로가기 통일 저녁 (18:04~) 18:04 모바일 반응형 전체 점검 1/28 (수) - i18n 다국어 지원 Dashboard 다국어 Log, Archive, Release 다국어 Settings, Profile 다국어 Landing Page 다국어 언어 선택 (Settings) 1/29 (목) - 외부 API & Rich Editor README 한글화 External API (POST /api/v1/logs) API 키 발급 기능 Rich Text Editor 개선 (TipTap) 코드블럭 언어 선택 마크다운 붙여넣기 이미지 첨부 Admin 대시보드 (/admin) 마크다운 렌더링 (typography plugin) 로그 히스토리 조회 1/30 (금) - Product Hunt & Admin Product Hunt 런칭 (결과: 좋아요 10개) Admin 대시보드 수정 Clarity 분석 추가 삭제된 사용자 필터링 1/31 (토) - 공지사항 & 버그 수정 공지사항 시스템 (타겟 발송) 하이드레이션 오류 수정 모바일 Safari PKCE 오류 수정 Admin Explore 페이지 2/1 (일) - 에디터 리팩토링 NodeViews 전면 재작업 Enter 키 핸들러 (코드블록, 테이블 탈출) 테마 시스템 중앙화 코드블럭 스타일 개선 Callout 스타일 추가 정규 URL 추가 (SEO) 2/2 (월) - 현재 코드블럭 드래그 (복사 → 이동) 마크다운 붙여넣기 (Claude 등 외부 소스) 클릭 가능한 태그 (필터링) 로그 히스토리 복원 이미지 줌 기능 Pro 사용자 경험 개선 Dev Log 보완/배포

비개발자로서의 깨달음 AI는 도구일 뿐: 뭘 만들지는 내가 정해야 한다. PRD 없이 시작하면 방향을 잃는다. 구체적으로 요청하기: "이거 해줘"보다 "이런 조건으로 이렇게 해줘"가 결과가 좋다. 확인은 내 몫: "됐어요"라고 해도 직접 테스트해봐야 한다. 눈으로 확인. 모르는 건 그냥 모른다: 개발 지식 없이 시작했고, 지금도 거의 모른다. 그래도 서비스는 돌아간다. 배포가 끝이 아니다: 진짜 시작은 배포 후. 버그는 끝없이 나온다. DB는 생각보다 중요하다: RLS 정책, 테이블 관계, 인덱스... 코드 수정만으로 안 되는 문제가 많다. 숫자로 보는 12일 (1/22~2/2) 지표 수치 Claude와 대화 메시지 2,002개 (9세션) 총 개발 기간 12일 핵심 개발 기간 1/22~1/26 (5일) Git 커밋 수 100+ 수정한 버그 150+ 연동한 외부 서비스 12개 가장 긴 연속 작업 15시간+ (1/24~1/25) 작성한 코드 라인 모름 (Claude가 다 함) 내가 직접 작성한 코드 0줄 앞으로 실제 사용 사례로 서비스 채우기 (나부터 써보기) 랜딩 페이지에 활용 예시 추가 마케팅/홍보 시작 사용자 피드백 반영

비개발자가 웹 서비스 하나 만들려면 이렇게 많은 걸 연동해야 한다 연동한 서비스들 (총 12개) 서비스 용도 내가 한 일 Supabase DB + Auth + Storage 계정 만들고 키 복사 Vercel 배포 GitHub 연결하고 버튼 클릭 Google Cloud 구글 로그인 콘솔에서 설정하고 키 복사 Kakao Developers 카카오 로그인 앱 등록하고 키 복사 Resend 이메일 발송 계정 만들고 도메인 인증 Google Search Console SEO 사이트 등록 Google Analytics 분석 계정 만들고 코드 복사 Microsoft Clarity 히트맵 계정 만들고 코드 복사 Vercel Analytics 분석 버튼 클릭해서 활성화 GroqCloud AI API 계정 만들고 키 복사 Product Hunt 해외 런칭 제품 등록 Disquiet 국내 런칭 제품 등록 Resend 연동 삽질 [1/24 10:24] 나: "Not authorized to send emails from send.archvv.com" → 도메인 인증은 했는데 DNS 전파 안 됨 → API 키 환경변수 설정 누락 → 발신 이메일 주소 오타

개발자가 겪는 기술적 삽질과는 완전히 다른 종류의 어려움 1. AI한테 뭘 어떻게 요청해야 할지 모르겠음 [초반의 나] "로그인 기능 만들어줘" → 결과: 뭔가 만들어지긴 하는데, 내가 원한 건지 모르겠음 [나중의 나] "이메일/비밀번호 로그인이랑 구글 로그인 둘 다 되게 해줘. 로그인하면 /dashboard로 가고, 세션은 유지되어야 해" → 결과: 원하는 대로 됨 교훈: 구체적으로 요청해야 원하는 결과가 나온다. 2. 수정됐다는데 뭐가 바뀐 건지 모르겠음 Claude: "수정했습니다" 나: (화면 새로고침) 나: "어... 뭐가 바뀐 거지?" 나: "진짜 바뀐 거 맞아?" 대응: 그냥 직접 테스트해보는 수밖에 없었다. 3. 에러 메시지가 뭔 소린지 모르겠음 [실제 에러 - 1/22] "PGRST204: Column 'id' of relation 'archives' does not exist" 나의 해석: ??? 뭔 소리야 나의 대응: 그냥 에러 메시지 복사해서 Claude한테 줌 4. 같은 문제가 계속 반복됨 [1/22 17:37] "아카이브에 기존에 로그를 만들었었는데, streak가 0" [1/22 18:10] "새로고침 해도 반영안되면요?" [1/23 10:09] "아직 streak 반영이 잘 안되는듯" [1/24 10:32] "streak 카운트 점검 해주세요" → Streak 버그만 4번 이상 언급 → 근본 원인: 날짜 계산 로직 문제 5. "됐어요"라는데 진짜 된 건지 판단 불가 [1/24 06:33] 나: "퀵로그에서 작성하고 저장 누르면 저장 안됨" Claude: "수정했습니다" 나: "그래도 저장에 실패하는데, supabase에서 뭐 해야해?" → DB 테이블이 없거나 RLS 정책 문제 → 코드 수정만으로 안 되는 경우 많음 6. 픽셀 단위 조정의 고통 [2/2 14:50~15:05 - 실제 대화] 나: "Less/More 범례 잔디 안쪽으로" Claude: (수정) 나: "아니 more의 e가 끝이라고 생각하고 맞춰달라고!!!" Claude: (수정) 나: "그래 이제 잔디가 겹치지 않게 내려!!" Claude: (수정) 나: "아니 왜 또 오른쪽 끝으로 튀어나가냐 ㅡㅡ" Claude: (수정) 나: "아주 좋아. 마지막으로 여백 정리해." Claude: (수정) 나: "동그라미 친 공간을 줄이라고................." → 15분간 레이아웃 조정 → 스크린샷 찍어가며 설명

배포 후 첫날 (1/27) 배포하자마자 모바일 버그들이 발견됐다: 모바일에서 레이아웃 깨짐 (아이폰 프로맥스 14 기준) 화면 밖 넘침 현상 드래그앤드롭 터치 불편 1/28-1/29: 다국어 & API i18n 다국어 지원 완성 (한국어/영어) External API 기능 추가 (POST /api/v1/logs) Admin 대시보드 개선 Rich Text Editor 고도화 (마크다운 렌더링) 1/30: Product Hunt 런칭 글로벌 런칭을 위해 Product Hunt에 등록했다. 결과: 반응이 별로 없었다. 좋아요 10건, 끝. 1/31: 안정화 하이드레이션 오류 수정 공지사항 시스템 추가 Admin 페이지 개선 2/1: 에디터 리팩토링 [실제 대화 - 2/1] 나: "코드블럭 드래그 시 복사 대신 이동되도록 수정" → data-drag-handle 속성 누락 문제 발견 → NodeViewWrapper에 속성 추가로 해결 NodeViews 전면 재작업 Enter 키 핸들러 (블록 요소 탈출) 테마 시스템 중앙화 2/2: 마무리 코드블럭 이슈 최종 해결 마크다운 붙여넣기 개선 클릭 가능한 태그 (필터링) 로그 히스토리 복원 기능

Day 1-2: 삽질의 시작 (1/19-1/20) 첫 시도: 아무것도 모르고 시작하다 VS Code가 뭔지도 잘 몰랐다. 터미널? 그게 뭔데? 상태에서 시작했다. GPT한테 "비개발자용 깃허브 같은 서비스 만들고 싶어"라고 물어보면서 대화를 시작했다. 처음엔 복사-붙여넣기의 연속이었다. [당시 상황] 나: "이거 어떻게 해?" GPT: "이렇게 하세요" (코드 제공) 나: (붙여넣기) 결과: 에러 나: "에러 났어" GPT: "이렇게 고치세요" 나: (붙여넣기) 결과: 다른 에러 ... (무한 반복) Claude Code와의 만남 그러다 VS Code와 연동된 Claude Code를 발견했다. 이건 진짜 신세계였다. GPT와의 차이점: 파일 구조를 직접 보면서 작업 에러가 나면 컨텍스트를 이해하고 수정 여러 파일을 동시에 수정 가능 개발자들이 왜 위기라는 말이 나오는지, 10분만 써봐도 체감이 됐다. Day 3: PRD라는 걸 알게 되다 (1/21) 삽질만 3일. 이대로는 안 되겠다 싶었다. "개발자들은 뭐부터 하는 거야?" 계속 헤매다가 Claude한테 물어봤다: 나: "개발자들은 작업하기 전에 뭐부터 세팅해?" Claude: "보통 PRD(Product Requirements Document)를 먼저 작성합니다..." 나: "PRD가 뭔데?" PRD라는 걸 그때 처음 들어봤다. 제품 요구사항 문서? 그런 게 있구나. Day 4: 본격 개발 시작 (1/22) Claude Max 업그레이드 후 PRD를 기반으로 본격 개발 시작. 이 날 하루가 가장 생산적이었다. 타임라인 (1/22) 시간 작업 내용 15:46 프로젝트 초기화 (Next.js 14, TypeScript, Tailwind) 16:06 타입 정의 (User, Archive, Log, Tag, Goal, Release) 16:14 Supabase 연동 16:24 로그인/회원가입 페이지 16:40 🔥 첫 번째 큰 버그: Google 로그인 무한 루프 16:52 Log CRUD 기능 16:59 Archive 저장 안 됨 (RLS 정책 문제 발견) 17:10 Garden (잔디) 컴포넌트 17:33 Streak 기능 17:48 프로필 페이지 18:20 랜딩 페이지 21:13 첫 커밋! 첫 번째 큰 버그: Google 로그인 [16:40] 나: "로그인 안 되는 문제 해결해줘. 증상: - Google 로그인 버튼 클릭 - Google 계정 선택 화면 나옴 - 계정 선택 후 다시 로그인 페이지로 돌아옴" [16:46] 나: "Setting cookies: [...] Dashboard cookies: ['sb-...-auth-token-code-verifier'] Dashboard user: undefined error: Auth session missing!" → 세션이 저장은 되는데 Dashboard에서 못 읽는 문제 → Supabase SSR 쿠키 설정 문제로 3시간 삽질 Archive 저장 안 되는 문제 [17:02] 나: "여전히 저장 안 됨 콘솔: Current user: 628f9894-... error: undefined Failed to load resource: 400" → RLS(Row Level Security) 정책 문제 → DB 테이블에 올바른 권한 정책 추가 필요 Day 5-6: 기능 완성 & 테스트 (1/23-1/24) 부트캠프에서 집중 개발. PRD의 Phase별로 기능 구현: Phase 1: 데이터 구조 & 타입 보강 Phase 2: Dashboard 구조 개선 (3-column 레이아웃) Phase 3: Archive 카드 & 상세 페이지 Phase 5: Volume & Late 기능 Phase 6: Release 기능 Phase 7: 통계 & Garden 개선 Phase 8: 온보딩 Tiptap 에디터 에러 [21:53] 나: "Unhandled Runtime Error Error: Tiptap Error: SSR has been detected, please set `immediatelyRender` explicitly to `false`" → Next.js SSR과 Tiptap 호환 문제 → immediatelyRender: false 옵션 추가로 해결 Day 7: 배포 (1/25-1/26) Vercel 배포 "배포해줘"라고 했더니 Claude가 알아서 설정해줬다. 근데 계속 에러가 났다. 나: "배포가 안 돼" Claude: "이 설정을 바꿔볼게요" (빌드) 결과: 또 에러 나: "또 안 돼" Claude: "다른 방법으로 해볼게요" ... (5번 반복) 5번의 시도 끝에 드디어 배포 성공. 1/26, archvv.com이 세상에 나왔다.

배경 AI 부트캠프에 참여하면서 여러 프로젝트를 고민하고 있었다. 뭔가를 만들어야 한다는 생각과, 뭘 만들어야 할지 모르겠다는 막막함 사이에서 계속 피봇을 고민하던 중이었다. 깃허브와의 만남 피봇을 하던 중 커서맛피아님의 monet.design이라는 오픈소스 UI 컴포넌트 레지스트리를 발견했다. 600개 이상의 React UI 컴포넌트를 탐색하고 설치할 수 있는 서비스인데, 이걸 보면서 깃허브 기여 그래프(잔디)에 관심을 갖게 됐고 문득 생각이 들었다: 개발자들은 매일 커밋하면 저 초록색 잔디가 채워지잖아. 비개발자들은 왜 이런 게 없지? 매일 뭔가를 기록하고, 그게 시각적으로 쌓이고, 나중에 포트폴리오가 되는 경험. 개발자들만 누리기엔 아까웠다.