BUILD IN PUBLIC · 개발 기록
만들며 남긴 기록
AI 도구로 직접 서비스를 만들며 겪은 문제와 해결을, 그때그때 기술 회고로 기록합니다. 카테고리별로 골라 읽거나 처음부터 훑어보세요.
MAKING · 제작기
🏗 제작기 — 깊이 있는 기록
하나하나 손으로 판 제작 기록. 블록체인·영상·인프라를 실제로 만들고 부딪히며 남긴 깊은 이야기입니다.
🏗 제작기'AI 활용 가이드'로 트래픽을 만들려다 접은 이야기 — 애드핏 실적 0이 가르쳐준 것
commodity AI 활용 가이드로 검색 트래픽을 만들려 했지만 카카오 애드핏 실적 0. 신생 도메인·레드오션·차별성 부재·정체성 불일치 — 실측으로 확인하고 접은 기록.
🏗 제작기생성형 AI로 사진 편집하기 — 바꿀 건 AI에게, 지킬 건 코드에게
아기 얼굴은 원본 그대로 두고 낙하산만 그려 넣고 싶었다. 생성형 AI로 사진을 편집하며 배운 것 — 인물은 AI에 맡기면 안 된다. 누끼와 대화형 편집을 만들기까지의 기록.
🏗 제작기1인 개발자가 결제를 붙이기까지 — 웹훅 서명검증·SMS 파싱을 거쳐 Polar(Merchant of Record)로
1인 개발 서비스에 결제를 붙이기까지의 엔지니어링 기록. '입금 확인=결제 확인'이라는 뼈대를 후원 웹훅·입금 SMS 파싱으로 만들고, 최종적으로 Polar(Merchant of Record)에 안착했다 — 사업자 등록 없이 글로벌 카드 결제, 서명검증·멱등·환율·매칭, 그리고 정직한 결과(인프라는 완성, 매출은 아직 0)까지.
🏗 제작기GPU 없이 CPU로 로컬 AI, 어디까지 되나 — 자동 추적·벤치 루프까지 만들고 내린 결론
외부 AI가 막히는 상황에 대비해 GPU 없이 CPU만으로 로컬 한국어 챗봇 폴백을 만든 기록 — 허깅페이스 신모델 자동 추적·자율 벤치·자동 교체 루프까지 완성했지만, CPU 천장(≈GPT-3.5)을 확인하고 주력에서 물러난 이야기.
🏗 제작기픽셀 사무실 안에서 일하는 AI 회사 — 리엘 2D 오피스 제작기
조코딩 '픽셀게임처럼 만든 AI 에이전트' 쇼츠에서 시작해, AI 워커가 픽셀 사무실에서 일하는 /office 를 만들며 겪은 시행착오 — 떠다니는 직원, 스크린세이버 함정, 공개 라이브의 무거움, 시각화의 부패.
🏗 제작기AI 코딩 도구를 1년에 5번 갈아탄 기록 — 그리고 매달 30만원의 딜레마
Codex→Cursor→Google Antigravity→Claude Code(Pro→Max). 1년간 AI 코딩 도구를 다섯 번 갈아탄 실제 여정과, 매달 25~30만원이라는 정직한 비용 고백. 도구는 바뀌어도 교훈은 하나였다 — 강한 모델 × 방향 잡는 사람.
🏗 제작기AI로 게임을 만들려다 배운 것 — '클로드로 게임 개발'의 반만 진실
메이플 같은 게임을 AI로 만들려다 캐릭터 애니메이션 천장에 막혀 — CC0 스프라이트 + 관람형 자동사냥으로 두 번 피벗한 실제 여정. '클로드로 게임 개발'은 게임 지식 있는 사람이 AI로 퀄 높인 것이란 정직한 결론.
🏗 제작기리엘 챗봇은 어떻게 성장했나 — 한 사용자의 요청이 만든 접근성
리엘은 로드맵이 아니라 실제 사용자 요청으로 자랐다 — 노안 글자크기·음성 읽어주기·유튜브 연동·대화 검색·다중 첨부까지, 한 시니어 사용자의 작은 불편이 기능이 된 성장 이야기(익명화·큰 테두리).
🏗 제작기AI로 유튜브 쇼츠를 직접 만들다가 — '이건 유료 서비스가 낫겠다'를 인정하기까지
내 API 키(Veo 3.1)로 유튜브 쇼츠 수준을 직접 만들어보다가 — 캐릭터 드리프트·모핑·점프컷을 잡는 실전 기법과, 결국 벤치마크 앞에서 자체 제작의 천장을 인정하고 '유료 서비스가 효율적'이라 결론 낸 정직한 회고.
🏗 제작기한국에서 폴리곤(POL)을 내 지갑에 넣기까지 — 고객센터 전화, 출금 제한, 그리고 만원
컨트랙트 메인넷 배포에 쓸 POL을 한국에서 손에 넣기까지 — 업비트 고객센터 전화(용도 확인), 트래블룰과 출금 제한, 그리고 출금 재개일에 맞춰 개인 지갑으로 옮긴 실제 과정.
🏗 제작기완독 인증 NFT를 만들다 — 발급이 하루에 6번 막힌 이야기
소울바운드 완독 인증서 NFT를 실제로 발급하기까지, 하루에 6번 막힌 관문과 해결을 코드 레벨로 — EIP-712 서명·Privy 지갑 가스·nonce 정밀도 버그까지 노하우 전부 공개.
📋 개발 로그
리엘이 되기까지 쌓아온 부품들 — 만들며 남긴 개발 기록.
채팅 목록 로딩 느림 SSR 적용으로 해결하기
채팅 목록 로딩이 느려 사용자 경험을 해치던 문제를 SSR 적용으로 해결했습니다. Nginx 설정 변경과 프론트엔드 코드 수정을 통해 초기 API 요청을 줄여 속도를 개선했습니다.
개발 회고: 책 출판 과정에서 배운 작업 구조화 방법
책 출판 과정에서 작업 구조화에 애먹었던 경험을 공유합니다. 단계별 정의와 의존성 관리 실패 원인 및 해결 과정을 담았습니다.
게임 캐릭터 진화 시스템 백엔드 구현: 4단계 시스템 설계
게임 캐릭터 진화 시스템 백엔드 구현! 4단계 시스템 설계로 포인트 상점, 인벤토리 연동 복잡성을 해결한 개발 회고.
- ⚙️BackendBackend✨
사용자 관계 XP 시스템, '이해'와 '함께한 시간'으로 개선하기
기존 사용자 관계 XP 시스템의 한계를 '이해'와 '함께한 시간'으로 극복하고 사용자 경험을 개선하는 방법을 소개합니다.
2026년 7월 18일·👁 128 - 🎨FrontendFrontend✨
프론트엔드에서 앱 첫 로딩 시 빈 화면 문제 해결하기
앱 첫 로딩 시 빈 화면 대신 매력적인 스플래시 화면을 구현하세요. Vue 렌더링 문제 해결 팁.
2026년 7월 17일·👁 173 - 🎨FrontendFrontend✨
사이드바 대화 목록 초기 로딩 성능 저하: 하이드레이션 문제 해결
사이드바 대화 목록 초기 로딩 속도가 느린가요? 하이드레이션 문제 해결 경험과 동적 로딩을 통한 성능 개선 방법을 알아보세요.
2026년 7월 15일·👁 163 - ⚙️BackendBackend✨
Dev.to 마크다운 표/볼드 깨짐? markdownify 이중 처리 문제 해결
Dev.to 마크다운 표/볼드 깨짐 현상, markdownify 이중 처리 문제 해결! 원인 분석 및 간단한 코드 수정으로 해결.
2026년 7월 12일·👁 167 - 🎨FrontendFrontend✨
개발자 포트폴리오, RPG 지도처럼 재탄생: '/journey' 페이지 개편 및 고유명사 익명화
개발자 포트폴리오 '/journey' 페이지가 RPG 지도 형태로 개편되었습니다. 사용자 경험 개선 및 개인 정보 보호를 위한 익명화 작업도 함께 진행했습니다.
2026년 7월 10일·👁 183 - ☁️InfraInfra✨
Nginx 502 Bad Gateway 오류, 컨테이너 교체 시 발생 원인과 해결 방법
컨테이너 교체 시 Nginx 502 오류 발생! 원인 분석 및 proxy_next_upstream 설정으로 해결하는 방법을 알아봅니다.
2026년 7월 8일·👁 166 
이미지·영상✨AI로 영상 만들어봤더니 — 캐릭터가 자꾸 딴 사람이 되는 문제 (실측 ₩3,350)
프롬프트 한 줄이면 되는 줄 알았는데. 구글 Veo·Nano Banana로 실제로 영상 만들어보고 알게 된 것 — 캐릭터 일관성 문제와 해결법, 정직한 한계와 비용.
2026년 7월 8일·👁 144- 🎨FrontendFrontend✨
웹사이트 가독성 떨어지는데? Pretendard 폰트와 코드 줄바꿈으로 해결하기 (2026)
웹사이트 폰트가 칙칙하고 코드 블록 텍스트가 잘리나요? Pretendard 폰트 적용과 CSS 설정으로 해결한 경험을 확인하세요.
2026년 7월 7일·👁 193 - 🤖AIAI✨
AI 콘텐츠 수요 예측 정확도 높이기: 실측 데이터 통합으로 성능 개선
AI 콘텐츠 수요 예측 엔진의 성능 개선을 위한 실측 데이터 통합 과정을 상세히 설명합니다. 네이버 데이터랩, 유튜브 조회수 데이터 활용법을 확인하세요.
2026년 7월 2일·👁 175 - ⛰️이미지·영상이미지·영상✨
무료 AI 이미지 생성 사이트 5곳 비교 (2026) — 초보자용
가입만 하면 무료로, 한국어로 바로 쓸 수 있는 AI 이미지 생성 사이트를 실제로 써보고 초보자 기준으로 골랐습니다. Bing·Gemini·Canva·Firefly 비교.
2026년 7월 1일·👁 250 - ⚙️BackendBackend✨
Node.js 빌드 로그 JSONB 파싱 오류 및 asyncpg 타입 불일치 문제
Node.js 빌드 로그 파싱 오류 및 asyncpg 타입 불일치 문제 해결 경험 공유. 데이터 타입 변환 및 로직 오류 수정 과정.
2026년 6월 25일·👁 167 - ⚙️BackendBackend✨
APScheduler 일일 작업이 재시작 때 누락되는 문제 — misfire_grace_time + 부팅 catch-up
스케줄러 작업 지연 및 미실행 문제, misfire_grace_time 설정만으로는 부족합니다. coalesce 옵션과 함께 근본적인 해결책을 제시합니다. 2026년 기준.
2026년 6월 24일·👁 188 - ☁️InfraInfra✨
robots.txt 차단 오류로 검색 엔진 색인 누락 해결 방법
robots.txt 설정 오류로 검색 엔진 색인에서 누락되는 문제를 해결하는 방법을 Infra 경험을 바탕으로 공유합니다. 의도치 않은 경로 차단 해결책을 확인하세요.
2026년 6월 16일·👁 258 - ☁️InfraInfra✨
Node.js Docker 이미지 2.5GB → 300MB 줄이기: standalone server.js 활용
Node.js Docker 이미지 크기 문제, 2.5GB에서 300MB로 줄이는 비결! standalone server.js와 pkg 활용법을 소개합니다.
2026년 6월 8일·👁 214 - ⚙️BackendBackend✨
PostgreSQL 스케줄러 오류, 영구 정지 문제 해결: pg_locks 연동 및 연결 관리
PostgreSQL 스케줄러의 영구 정지 문제를 pg_locks 연동 및 연결 관리로 해결한 경험을 공유합니다.
2026년 6월 5일·👁 264 - ⚙️BackendBackend✨
2026년 AdSense 승인, 이 필수 페이지 없으면 절대 불가!
2026년 AdSense 승인을 준비 중이신가요? 필수 페이지인 '연락처 페이지'의 부실함 때문에 반려되는 경우가 많습니다. 해결 방법을 확인하세요.
2026년 5월 30일·👁 264 - ☁️InfraInfra✨
package.json 이 사라져서 배포가 깨진 날 — Next.js sibling 빌드 복구기
GitHub Actions 빌드가 'Cannot find module browserslist' 로 죽었다. 원인은 working tree 에서 package.json 이 사라진 것. PM2 는 살아있는데 새 빌드만 깨지는 유령 상태를 git checkout 으로 복구한 기록.
2026년 5월 29일·👁 322 - ☁️InfraInfra✨
heap cap 합이 RAM 을 넘었다 — e2-medium 4GB 에서 PM2 메모리 재산정
PM2 cluster 5개 프로세스의 --max-old-space-size 합이 서버 RAM 을 초과하고 있었다. 평소엔 안 터지지만 스파이크 시 OOM. e2-medium 4GB 안에서 Node / 비-Node 예산을 나눠 재산정한 기록.
2026년 5월 29일·👁 280 - ☁️InfraInfra✨
집 와이파이가 느려졌다 — 외부 무단 사용 의심을 데이터로 진단하기
체감상 인터넷이 느려졌다. 외부인이 우리 WiFi 를 쓰는 건 아닐까? ping, fast.com, 작업관리자 네트워크 탭으로 '내 PC 인가 / 다른 누군가인가' 를 데이터로 좁혀간 진단 과정.
2026년 5월 29일·👁 237 - ☁️InfraInfra✨
Nginx 설정 변경: /api/me/* 요청을 3001 포트로 격리하여 API 라우팅 최적화
Nginx 설정 변경으로 /api/me/* 요청을 3001 포트로 격리하여 API 라우팅을 최적화하고 서비스 격리를 강화하는 방법을 설명합니다.
2026년 5월 28일·👁 234 - 🍀SEOSEO✨
네이버 검색어드바이저 자동 제출을 Playwright 쿠키 재사용으로 푼 이야기 (2026)
Naver 는 Google 같은 앱 비밀번호 발급이 없다. 2단계 인증 켜진 채로 ID/PW 자동 로그인은 거의 항상 막힌다. Playwright storage_state 로 쿠키만 재사용하는 패턴 + Vuetify SPA selector 진단 + 일 5건 한도 자동 제출까지 정리.
2026년 5월 28일·👁 1,288