내 위키를 픽셀 사무실로 만들었습니다 — Claude Code로 하루 만에 만든 개인 대시보드
마크다운 위키에 쌓인 프로젝트 현황을 표가 아니라 픽셀 사무실로 보여주는 대시보드를 만들었습니다. 프로젝트는 책상 위 캐릭터, 실행 중인 AI 코딩 세션은 옆자리 동료가 됩니다. 기획부터 배포까지 하루가 걸린 과정과 구조를 정리했습니다.
read more →$ ls /blog
AI 도구 활용법 · 개발 생산성 · IT 문제 해결을 실전 위주로
마크다운 위키에 쌓인 프로젝트 현황을 표가 아니라 픽셀 사무실로 보여주는 대시보드를 만들었습니다. 프로젝트는 책상 위 캐릭터, 실행 중인 AI 코딩 세션은 옆자리 동료가 됩니다. 기획부터 배포까지 하루가 걸린 과정과 구조를 정리했습니다.
read more →Railway로 옮긴 Next.js 사이트가 500MB에서 플래토를 그려 원인을 실측으로 분해했습니다. sharp 이미지 최적화가 주범이었고, 코드 수정 없이 환경변수 2개로 같은 부하에서 444MB→247MB로 줄인 과정을 정리했습니다.
read more →Vercel 무료 플랜 사용량 한도가 조여올 때 Next.js 사이트를 Railway로 옮기는 전 과정을 실제 이전 경험으로 정리했습니다. standalone 빌드·Dockerfile·cron 대체·환경변수 이사·DNS 전환 체크리스트까지.
read more →Vercel의 배포 비밀번호 보호는 유료 플랜 기능입니다. 무료 플랜에서 개인용 사이트를 URL만으로 접근하지 못하게 막으려고 Edge Middleware로 키 게이트를 만들었습니다. 전체 코드와 실제로 밟은 함정 세 가지를 정리했습니다.
read more →홈 화면 위젯 패키지를 최신 버전으로 올린 뒤 'Inconsistent JVM-target compatibility' 오류로 안드로이드 빌드가 멈췄습니다. app 모듈만 고쳐서는 해결되지 않았고, 플러그인 모듈까지 세 단계로 정리해야 했던 과정을 코드와 함께 정리했습니다.
read more →탭할 때마다 효과음이 늦게 나고 화면이 걸리는 건 소리를 낼 때마다 오디오 소스를 다시 준비하기 때문입니다. AudioPool 프리로드와 앱 시작 워밍업으로 히치를 없앤 실제 방법을 정리했습니다.
read more →1인 개발 모바일 게임에 계정 없이 글로벌 랭킹을 붙인 실전 기록. Vercel API Route와 Neon 서버리스 DB, HMAC 서명으로 점수 위조까지 막은 설계를 정리했습니다.
read more →Vercel 배포가 성공했는데 일부 페이지만 예전 버전이 보이는 문제의 원인과 해결법. Cloudflare를 앞단에 둔 사이트의 s-maxage 캐시 동작을 실제 사례로 정리했습니다.
read more →AdMob 앱을 올렸더니 '추적 동의(ATT) 창이 안 뜬다'며 앱스토어 심사에서 리젝됐습니다. 코드는 멀쩡한데 왜 안 뜰까요? 앱이 foreground active 되기 전에 요청해서 iOS가 조용히 무시하는 함정과, 짧은 대기 한 줄로 해결한 실제 방법을 정리했습니다.
read more →Unity로 iOS 앱을 빌드할 때마다 Xcode에서 프레임워크를 추가하고 Info.plist 문구를 넣는 수작업, 빼먹으면 크래시나 심사 반려로 이어집니다. PostProcessBuild 콜백으로 이 과정을 코드로 자동화한 실제 방법을 공유합니다.
read more →Timer 반복으로 만든 완료 알림이 백그라운드에서 안 울리는 이유와, zonedSchedule로 완료 시각에 미리 예약해 잠금화면에서도 정확히 울리게 만든 실제 방법을 정리했습니다. 안드로이드 정확 알람 권한 함정까지 다룹니다.
read more →구글·빙 검색 결과에 FAQ 펼침과 앱 정보가 리치 스니펫으로 뜨는 원리를 정리하고, 실제 도구 사이트 60페이지에 JSON-LD 3종을 적용하며 배운 핵심 원칙을 공유합니다.
read more →Flutter 앱을 App Store에 올리다 91169 에러로 거부당했습니다. 시뮬레이터용 프레임워크가 딸려 들어간 원인과, 클린 재빌드 + otool로 확인해 해결한 과정을 직접 겪은 경험으로 정리했습니다.
read more →런타임 OG 이미지 생성으로 Vercel 사용량 문제를 겪은 뒤, satori로 로컬에서 한 번만 생성해 PNG를 커밋하는 방식으로 바꿨습니다. 94장을 15초에 만든 실제 구성을 공유합니다.
read more →16개월간 구글 클릭 13회. 웹 도구 60개를 운영하는 사이트의 검색 유입이 증발한 원인을 서치콘솔 데이터로 추적해 보니, 범인은 다국어 도입 때 바꾼 URL 구조였습니다. 진단 과정과 복구 방법을 공유합니다.
read more →프롬프트→컨텍스트→하네스에 이어 등장한 '루프 엔지니어링'. AI에게 매번 지시하는 대신, AI를 지시하는 시스템을 설계하는 새 작업 방식의 5가지 구성 요소와 주의점을 정리했습니다.
read more →결정 돕는 앱에 Gemini API로 AI 추천 기능을 붙이며 배운 것들을 정리했습니다. API 키 보안, 비용 관리, 안정성까지 실전에서 부딪힌 포인트 위주로 풀었습니다.
read more →사진 때문에 아이폰 저장공간이 꽉 찼다면, HEIF 포맷 전환과 저장공간 최적화로 공간을 확보하는 법을 정리했습니다. 흔히 헷갈리는 iCloud 용량 차이도 짚어 드립니다.
read more →본업 개발자가 사이드로 앱 9개를 출시하며 겪은 현실과, 흩어진 앱들을 관리하기 위해 직접 만든 대시보드 이야기를 솔직하게 풀었습니다.
read more →전원을 켜고 한참 기다려야 하는 윈도우 11 부팅 속도를 되살리는 방법을 정리했습니다. 시작 프로그램 정리부터 SSD까지 순서대로 점검해 보세요.
read more →iCloud Drive에 둔 깃 저장소가 index.lock 충돌로 깨지는 이유와, 맥 두 대에서 안전하게 쓰는 법(git-dir 분리 + 공통 경로)을 직접 겪은 경험으로 정리했습니다.
read more →2015년 집 PC를 서버로 돌리던 안드로이드 앱이 서버 문제로 멈췄습니다. 바이브 코딩으로 클라우드 재구성·리디자인하고 iOS까지 출시한 부활기를 정리했습니다.
read more →출처 기반 AI 검색 Perplexity와 만능 대화형 ChatGPT를 비교했습니다. 검색·리서치엔 뭐가 낫고 언제 어떤 걸 써야 하는지 정리했습니다.
read more →감마·Copilot·미리캔버스 같은 AI 도구로 발표 자료 초안을 빠르게 만드는 법을 정리했습니다. 도구 선택부터 실전 워크플로, 주의점까지.
read more →프린터가 갑자기 인식되지 않을 때 순서대로 확인하면 대부분 해결됩니다. 연결·기본 프린터·스풀러·드라이버까지 체크리스트로 정리했습니다.
read more →AI로 앱이 정말 만들어질까? 현직 개발자가 Claude Code와 OMC로 실제 앱을 출시하며 쓴 단계별 워크플로와, 잘 안 알려주는 한계까지 솔직하게 정리했습니다.
read more →이제 카톡 채팅방에서 챗GPT를 친구처럼 부를 수 있습니다. 추가 방법부터 멘션 호출, 이미지 생성, 단축 명령어까지 한 번에 정리했습니다.
read more →감정일기 앱 '물들다'를 Claude Code·OMC 바이브 코딩으로 1인 개발해 양대 스토어에 출시한 기록. 프로토타입은 금방 나오지만, 다듬고 유지보수하는 데 공수가 더 듭니다.
read more →현직 개발자가 Obsidian·GitHub·Claude Code로 개인 지식 위키(세컨 브레인)를 만들어 한 달간 운영한 후기입니다. 구성 방법과 실제 활용도를 정리했습니다.
read more →구글 NotebookLM은 내가 올린 자료만 근거로 답하는 AI 연구 도구입니다. 오디오 요약·마인드맵 등 핵심 기능과 똑똑하게 쓰는 법을 정리했습니다.
read more →어제까지 멀쩡하던 아이폰 배터리가 급격히 닳는다면? 원인을 찾아 잡는 체크리스트 8가지를 순서대로 정리했습니다.
read more →Claude Code, Cursor, GitHub Copilot을 직접 써보고 비교했습니다. 가격·강점·어떤 사람에게 맞는지 — 골라 쓰는 기준을 정리했습니다.
read more →노션 AI와 ChatGPT를 문서 작성 관점에서 비교했습니다. 어떤 작업에 어느 도구가 더 편한지 용도별로 정리합니다.
read more →맥북에 모니터를 연결했는데 화면이 안 뜰 때, 복잡한 수리 전에 직접 확인해 볼 수 있는 체크리스트를 순서대로 정리했습니다.
read more →Karpathy가 제안한 LLM Wiki는 AI가 내 지식 베이스를 직접 정리·유지하는 패턴입니다. 개념과 1주 시작법을 직접 운영 경험과 함께 정리했습니다.
read more →잘못 커밋하거나 파일을 날렸을 때 쓰는 git reset, revert, restore의 차이를 상황별로 정리했습니다. 언제 무엇을 써야 하는지 한 번에 이해할 수 있습니다.
read more →같은 질문도 어떻게 쓰느냐에 따라 답이 달라집니다. Claude에서 더 정확하고 쓸모 있는 답을 얻는 프롬프트 작성 원칙 7가지를 실전 예시와 함께 정리했습니다.
read more →흩어진 대화를 주제별로 묶고, 맥락을 기억시키는 ChatGPT 프로젝트 기능. 실제로 써보며 정리한 설정법과 활용 팁을 알려드립니다.
read more →AI 코드 에디터 Cursor를 더 잘 쓰는 실전 팁 5가지. 탭 자동완성부터 코드베이스 질문, 규칙 설정까지 직접 써본 활용법을 정리합니다.
read more →Claude와 ChatGPT를 코딩, 글쓰기, 일상 활용 관점에서 직접 써보고 비교했습니다. 어떤 작업에 어떤 AI가 더 나은지 용도별로 정리합니다.
read more →Gemini와 ChatGPT의 무료 버전을 실사용 관점에서 비교했습니다. 용도별로 어느 쪽이 편한지 정리합니다.
read more →매번 같은 요구를 반복하고 있다면, ChatGPT 맞춤 설정 한 번이면 끝납니다. 실제로 쓰는 설정 예시와 함께 정리했습니다.
read more →맥 저장공간이 꽉 찼을 때, 안전하게 용량을 비우는 방법을 효과 큰 순서로 정리했습니다.
read more →복잡한 엑셀 함수, 외울 필요 없습니다. ChatGPT에게 제대로 물어보는 법과 검증 팁을 정리했습니다.
read more →AI 코딩 도구의 양대 산맥, GitHub Copilot과 Cursor를 직접 써보고 비교했습니다. 어떤 스타일에 어느 쪽이 맞는지 정리합니다.
read more →녹취나 메모를 AI로 깔끔한 회의록과 할 일 목록으로 바꾸는 실전 워크플로우를 정리했습니다.
read more →대표 메모·지식관리 앱인 노션과 옵시디언을 비교했습니다. 협업이냐 개인 지식관리냐에 따라 선택이 갈립니다.
read more →