BUILD IN PUBLIC · 개발 기록
AI 도구로 직접 서비스를 만들며 겪은 문제와 해결을, 그때그때 기술 회고로 기록합니다. 카테고리별로 골라 읽거나 처음부터 훑어보세요.
MAKING · 제작기
하나하나 손으로 판 제작 기록. 블록체인·영상·인프라를 실제로 만들고 부딪히며 남긴 깊은 이야기입니다.
🏗 제작기아기 얼굴은 원본 그대로 두고 낙하산만 그려 넣고 싶었다. 생성형 AI로 사진을 편집하며 배운 것 — 인물은 AI에 맡기면 안 된다. 누끼와 대화형 편집을 만들기까지의 기록.
🏗 제작기1인 개발 서비스에 결제를 붙이기까지의 엔지니어링 기록. '입금 확인=결제 확인'이라는 뼈대를 후원 웹훅·입금 SMS 파싱으로 만들고, 최종적으로 Polar(Merchant of Record)에 안착했다 — 사업자 등록 없이 글로벌 카드 결제, 서명검증·멱등·환율·매칭, 그리고 정직한 결과(인프라는 완성, 매출은 아직 0)까지.
🏗 제작기외부 AI가 막히는 상황에 대비해 GPU 없이 CPU만으로 로컬 한국어 챗봇 폴백을 만든 기록 — 허깅페이스 신모델 자동 추적·자율 벤치·자동 교체 루프까지 완성했지만, CPU 천장(≈GPT-3.5)을 확인하고 주력에서 물러난 이야기.
🏗 제작기조코딩 '픽셀게임처럼 만든 AI 에이전트' 쇼츠에서 시작해, AI 워커가 픽셀 사무실에서 일하는 /office 를 만들며 겪은 시행착오 — 떠다니는 직원, 스크린세이버 함정, 공개 라이브의 무거움, 시각화의 부패.
🏗 제작기Codex→Cursor→Google Antigravity→Claude Code(Pro→Max). 1년간 AI 코딩 도구를 다섯 번 갈아탄 실제 여정과, 매달 25~30만원이라는 정직한 비용 고백. 도구는 바뀌어도 교훈은 하나였다 — 강한 모델 × 방향 잡는 사람.
🏗 제작기메이플 같은 게임을 AI로 만들려다 캐릭터 애니메이션 천장에 막혀 — CC0 스프라이트 + 관람형 자동사냥으로 두 번 피벗한 실제 여정. '클로드로 게임 개발'은 게임 지식 있는 사람이 AI로 퀄 높인 것이란 정직한 결론.
🏗 제작기리엘은 로드맵이 아니라 실제 사용자 요청으로 자랐다 — 노안 글자크기·음성 읽어주기·유튜브 연동·대화 검색·다중 첨부까지, 한 시니어 사용자의 작은 불편이 기능이 된 성장 이야기(익명화·큰 테두리).
🏗 제작기내 API 키(Veo 3.1)로 유튜브 쇼츠 수준을 직접 만들어보다가 — 캐릭터 드리프트·모핑·점프컷을 잡는 실전 기법과, 결국 벤치마크 앞에서 자체 제작의 천장을 인정하고 '유료 서비스가 효율적'이라 결론 낸 정직한 회고.
🏗 제작기컨트랙트 메인넷 배포에 쓸 POL을 한국에서 손에 넣기까지 — 업비트 고객센터 전화(용도 확인), 트래블룰과 출금 제한, 그리고 출금 재개일에 맞춰 개인 지갑으로 옮긴 실제 과정.
🏗 제작기소울바운드 완독 인증서 NFT를 실제로 발급하기까지, 하루에 6번 막힌 관문과 해결을 코드 레벨로 — EIP-712 서명·Privy 지갑 가스·nonce 정밀도 버그까지 노하우 전부 공개.
리엘이 되기까지 쌓아온 부품들 — 만들며 남긴 개발 기록.
Frontend 개발 중 불필요한 UI 탭을 숨기지 못해 3시간을 헤맸습니다. 원인과 해결 방법을 공개합니다.
Dev.to 마크다운 표/볼드 깨짐 현상, markdownify 이중 처리 문제 해결! 원인 분석 및 간단한 코드 수정으로 해결.
AI가 엉뚱한 나이스 학교 코드를 생성하는 환각 현상, 공식 개방 API로 해결했습니다. API 연동 과정과 문제 해결 노하우를 공개합니다.
개발자 포트폴리오 '/journey' 페이지가 RPG 지도 형태로 개편되었습니다. 사용자 경험 개선 및 개인 정보 보호를 위한 익명화 작업도 함께 진행했습니다.
챗봇 로딩 속도 저하의 원인을 분석하고, React.lazy와 트리셰이킹을 활용한 해결책을 제시합니다.
컨테이너 교체 시 Nginx 502 오류 발생! 원인 분석 및 proxy_next_upstream 설정으로 해결하는 방법을 알아봅니다.
웹사이트 폰트가 칙칙하고 코드 블록 텍스트가 잘리나요? Pretendard 폰트 적용과 CSS 설정으로 해결한 경험을 확인하세요.
AI 콘텐츠 수요 예측 엔진의 성능 개선을 위한 실측 데이터 통합 과정을 상세히 설명합니다. 네이버 데이터랩, 유튜브 조회수 데이터 활용법을 확인하세요.
Node.js 빌드 로그 파싱 오류 및 asyncpg 타입 불일치 문제 해결 경험 공유. 데이터 타입 변환 및 로직 오류 수정 과정.
스케줄러 작업 지연 및 미실행 문제, misfire_grace_time 설정만으로는 부족합니다. coalesce 옵션과 함께 근본적인 해결책을 제시합니다. 2026년 기준.
robots.txt 설정 오류로 검색 엔진 색인에서 누락되는 문제를 해결하는 방법을 Infra 경험을 바탕으로 공유합니다. 의도치 않은 경로 차단 해결책을 확인하세요.
Node.js Docker 이미지 크기 문제, 2.5GB에서 300MB로 줄이는 비결! standalone server.js와 pkg 활용법을 소개합니다.
PostgreSQL 스케줄러의 영구 정지 문제를 pg_locks 연동 및 연결 관리로 해결한 경험을 공유합니다.
2026년 AdSense 승인을 준비 중이신가요? 필수 페이지인 '연락처 페이지'의 부실함 때문에 반려되는 경우가 많습니다. 해결 방법을 확인하세요.
PM2 cluster 5개 프로세스의 --max-old-space-size 합이 서버 RAM 을 초과하고 있었다. 평소엔 안 터지지만 스파이크 시 OOM. e2-medium 4GB 안에서 Node / 비-Node 예산을 나눠 재산정한 기록.
체감상 인터넷이 느려졌다. 외부인이 우리 WiFi 를 쓰는 건 아닐까? ping, fast.com, 작업관리자 네트워크 탭으로 '내 PC 인가 / 다른 누군가인가' 를 데이터로 좁혀간 진단 과정.
GitHub Actions 빌드가 'Cannot find module browserslist' 로 죽었다. 원인은 working tree 에서 package.json 이 사라진 것. PM2 는 살아있는데 새 빌드만 깨지는 유령 상태를 git checkout 으로 복구한 기록.
Nginx 설정 변경으로 /api/me/* 요청을 3001 포트로 격리하여 API 라우팅을 최적화하고 서비스 격리를 강화하는 방법을 설명합니다.
Naver 는 Google 같은 앱 비밀번호 발급이 없다. 2단계 인증 켜진 채로 ID/PW 자동 로그인은 거의 항상 막힌다. Playwright storage_state 로 쿠키만 재사용하는 패턴 + Vuetify SPA selector 진단 + 일 5건 한도 자동 제출까지 정리.
구글 노출 0회. sitemap 은 잘 들어가있는데 색인이 안 됐다. URL Inspection API 로 글마다 점검해보니 42개 중 22개가 NEUTRAL 판정. 원인은 retrospective 류 AI 재작성 글이 만든 콘텐츠 중복 신호였다.
2026년 Server Action 호출 시 undefined 오류가 발생하는 황당한 경험! stale client bundle 문제의 원인과 해결 방법을 명확하게 안내합니다.
배포 파이프라인의 heredoc 오류, .next 디렉토리 부재, RSC manifest 경로 문제를 printf와 distDir 격리로 해결했습니다.
2026년 Next.js 배포 빌드 실패 회귀를 막는 7가지 Infra 개선 전략. `--preload` 로직, 확장자 지원, 빌드 통일 등 문제 해결 방안.
Gemini 모델 이름 관리의 어려움을 겪고 계신가요? 2026년, Model Registry 도입으로 혼란을 끝내세요!