내 위키를 픽셀 사무실로 만들었습니다 — Claude Code로 하루 만에 만든 개인 대시보드
마크다운 위키에 쌓인 프로젝트 현황을 표가 아니라 픽셀 사무실로 보여주는 대시보드를 만들었습니다. 프로젝트는 책상 위 캐릭터, 실행 중인 AI 코딩 세션은 옆자리 동료가 됩니다. 기획부터 배포까지 하루가 걸린 과정과 구조를 정리했습니다.
read more~/monttant $ cat about.md
AI 도구 활용법 · 개발 생산성 · 트러블슈팅.
직접 써보고 검증한 실전 IT 가이드만 모았습니다.
마크다운 위키에 쌓인 프로젝트 현황을 표가 아니라 픽셀 사무실로 보여주는 대시보드를 만들었습니다. 프로젝트는 책상 위 캐릭터, 실행 중인 AI 코딩 세션은 옆자리 동료가 됩니다. 기획부터 배포까지 하루가 걸린 과정과 구조를 정리했습니다.
read moreRailway로 옮긴 Next.js 사이트가 500MB에서 플래토를 그려 원인을 실측으로 분해했습니다. sharp 이미지 최적화가 주범이었고, 코드 수정 없이 환경변수 2개로 같은 부하에서 444MB→247MB로 줄인 과정을 정리했습니다.
Vercel 무료 플랜 사용량 한도가 조여올 때 Next.js 사이트를 Railway로 옮기는 전 과정을 실제 이전 경험으로 정리했습니다. standalone 빌드·Dockerfile·cron 대체·환경변수 이사·DNS 전환 체크리스트까지.
Vercel의 배포 비밀번호 보호는 유료 플랜 기능입니다. 무료 플랜에서 개인용 사이트를 URL만으로 접근하지 못하게 막으려고 Edge Middleware로 키 게이트를 만들었습니다. 전체 코드와 실제로 밟은 함정 세 가지를 정리했습니다.
홈 화면 위젯 패키지를 최신 버전으로 올린 뒤 'Inconsistent JVM-target compatibility' 오류로 안드로이드 빌드가 멈췄습니다. app 모듈만 고쳐서는 해결되지 않았고, 플러그인 모듈까지 세 단계로 정리해야 했던 과정을 코드와 함께 정리했습니다.
탭할 때마다 효과음이 늦게 나고 화면이 걸리는 건 소리를 낼 때마다 오디오 소스를 다시 준비하기 때문입니다. AudioPool 프리로드와 앱 시작 워밍업으로 히치를 없앤 실제 방법을 정리했습니다.
1인 개발 모바일 게임에 계정 없이 글로벌 랭킹을 붙인 실전 기록. Vercel API Route와 Neon 서버리스 DB, HMAC 서명으로 점수 위조까지 막은 설계를 정리했습니다.
Vercel 배포가 성공했는데 일부 페이지만 예전 버전이 보이는 문제의 원인과 해결법. Cloudflare를 앞단에 둔 사이트의 s-maxage 캐시 동작을 실제 사례로 정리했습니다.
AdMob 앱을 올렸더니 '추적 동의(ATT) 창이 안 뜬다'며 앱스토어 심사에서 리젝됐습니다. 코드는 멀쩡한데 왜 안 뜰까요? 앱이 foreground active 되기 전에 요청해서 iOS가 조용히 무시하는 함정과, 짧은 대기 한 줄로 해결한 실제 방법을 정리했습니다.
몽땅은 AI 도구 활용법과 IT 문제 해결을 누구나 쉽게 따라 할 수 있도록 정리하는 IT 정보 블로그입니다. ChatGPT·Claude 같은 생성형 AI 사용법, 개발 생산성을 높이는 도구와 단축키, 자주 겪는 오류의 해결법을 직접 써보고 검증한 내용으로 전달합니다.
생성형 AI를 일과 일상에 실제로 써먹는 방법을 사례 중심으로 소개합니다.
개발·디지털 환경에서 자주 막히는 부분을 단계별로 따라 할 수 있게 정리합니다.