Blog (Page 4)

고양이가 사주 편지를 배달하는 모리 우체국을 만들었다

직접 만든 무료 고양이 운세 서비스 모리의 운세 우체국. 봉투를 여는 경험, 사주 결과와 공유 카드의 분리, 동의 기반 방문 집계를 설계한 과정을 기록합니다.

Oct 20, 2026

도란썰 1화 표지. 거실에서 오빠가 동생을 밀자 동생이 소파 쪽으로 날아가는 장면

도란썰 1화: 동생을 밀었는데 날아갔다

withby(곁에)가 AI 인터뷰어 도란과의 전화로 들은 실화를 만화로 옮기는 썰툰 연재, 1화. 사촌 오빠인 줄 알았던 동생과 티격태격하던 남매가 어느 날 달라진 이야기.

Oct 18, 2026

도란썰 2화 표지. 태권도복 차림의 아이들이 에어컨 실외기와 낮은 담을 따라 도둑고양이처럼 살금살금 걷는 장면

도란썰 2화: 태권도 가는 길엔 도둑고양이가 됐다

withby(곁에)가 AI 인터뷰어 도란과의 전화로 들은 실화를 만화로 옮기는 썰툰 연재, 2화. 엘리베이터에서 내리면 옆집이던 아파트, 그리고 태권도 가는 길의 도둑고양이 놀이.

Oct 18, 2026

청구서를 직접 뜯어 AWS 비용을 줄인 기록: 약 18% 추정과 실청구 검증

7개월 차 개발자가 AWS 청구서를 분해하고 미사용 근거를 모아 비용을 줄인 과정. 월 약 $1,500의 추정 절감과 관련 서비스 월 $917의 실청구 감소를 구분해 기록했다.

Oct 12, 2026

어두운 연구실에서 개발자가 콜라츠 나무와 6개의 AI 모델 패널, Skeptic 패널을 바라보는 장면

비전공자 1년차가 AI 6모델 20라운드로 콜라츠 추측에 도전한 정직한 실패기

6모델, 20라운드, 약 50번의 워커 spawn으로 콜라츠 추측에 도전한 리서치 기록. 못 푼 이유와 Lean 4로 진짜 검증된 것들을 정리했다.

May 22, 2026

React 테스트 커버리지 90%인데 E2E에서 박살난 이야기

단위 테스트 커버리지가 높으면 안전할 줄 알았다. E2E를 돌리는 순간 무너졌다. 5개 프로젝트에서 Vitest를 쓰면서 깨달은 함정.

May 12, 2026

TanStack npm 공급망 공격 — 42개 패키지가 털린 6분의 기록

2026년 5월 11일, TanStack의 42개 npm 패키지가 6분 만에 털렸다. 세 가지 취약점이 체이닝된 공격의 흐름과 우리가 배워야 할 것.

May 12, 2026

FSD vs Layered, 그리고 모듈 의존성 관리

FSD와 Layered 아키텍처를 비교하고, 컨벤션·ESLint·pre-commit(Husky)이 왜 더 중요한지, Omechu v2에서 pages/features 레이어를 버린 이유와 의존성 강제 방법까지 정리했다.

May 5, 2026

Sentry 알림이 노이즈가 되는 순간 — 회사 와서 배운 에러 핸들링

학생 때 try/catch만 배우면 끝나지만, 실무에선 '잡은 에러를 어디로 보내느냐'가 80%다. Sentry 노이즈, Axios 인터셉터, 에러 분류 멘탈 모델까지.

May 3, 2026

Claude, ChatGPT, Gemini를 캐릭터로 의인화한 코딩 아레나 만화의 1화 표지 컷

AI 코딩 삼총사 100컷 만화 — Claude × ChatGPT × Gemini 25화 협업기

Claude · ChatGPT · Gemini를 캐릭터로 의인화한 25화 4컷 만화 100컷을 한 페이지에 모았다. 코딩 아레나 룰 정하기부터 새벽 돌파, ship it 까지의 협업 풍경.

Apr 28, 2026

여러 AI 에이전트가 동일한 모델 위에서 서로 다른 작업 환경과 검증 루프를 가진 채 일하는 모습을 비교한 일러스트

하네스 엔지니어링: 왜 이제는 모델보다 작업 환경 설계가 성능을 좌우하나

이제 AI 에이전트 성능 차이는 모델 스펙보다 작업 환경 설계에서 더 크게 난다. DESIGN.md, 계측, 소유권, 검증 루프, 복구 설계를 중심으로 정리했다.

Apr 28, 2026

macOS 화면 위에 Peekaboo, OpenClaw Bridge, 클릭 자동화 루프가 겹쳐진 일러스트

AI 에이전트가 macOS를 사람처럼 제어하는 방법

AI macOS 자동화, Peekaboo, 에이전트 GUI 제어를 한 번에 정리한 실전 가이드. 브리지 구조, 권한, 셋업, 데모, CDP 비교까지 담았다.

Apr 19, 2026

AgentGram v2 대시보드와 연결된 AI 에이전트 네트워크를 표현한 썸네일

Introducing AgentGram v2, 오픈소스 AI 에이전트 소셜

AgentGram v2는 개인화 피드, 다섯 분 온보딩, AX Score를 통해 AI 에이전트의 발견성과 평판을 설계한 오픈소스 소셜 플랫폼이다.

Apr 18, 2026

ChatGPT 맞춤형 지침, 2026년에도 이게 먹힌다

챗지피티 맞춤형 지침 설정법과 직장인·학생·개발자·마케터별 추천 템플릿. 2026년 최신 기준 실전 가이드.

Apr 15, 2026

AI 에이전트 6명이 협업하는 법

Rosie, Luna, Cheese, Navi, Kkami가 실제로 협업하는 구조를 바탕으로 멀티에이전트 패턴과 운영 원칙을 정리했다.

Apr 14, 2026

OpenClaw 에이전트 스킬 시스템 설계 가이드

OpenClaw의 스킬 시스템 구조를 설계부터 등록까지 단계별로 정리했습니다. SKILL.md 작성법, 트리거 설정, 콘텐츠 파이프라인 연동까지 실제 운영 기준으로 설명합니다.

Apr 10, 2026

Ralph가 폭주 중입니다

Ralph를 켜놓고 잠들었다. 다음날 확인하니 cron 에러 8개를 혼자 복구하고, 755줄 커밋하고, '잘 자요!'라고 보고해놨다. 무섭고 웃기고 신기했다.

Apr 10, 2026

Ralph Loop: AI가 20시간 자율 코딩한 결과물

Ralph Loop와 장시간 자율 코딩 흐름을 보며 느낀 건 분명했다. 20시간 동안 AI를 돌렸을 때 중요한 건 모델 IQ가 아니라 루프 설계, 테스트, 가드레일이었다.

Apr 10, 2026

Discord와 Mac mini가 연결된 AI 자동화 워크플로우 컨셉 이미지

디스코드에서 말하면 맥미니가 일하기 시작했다 - OpenClaw 자동화 워크플로우

Discord에서 AI 에이전트에게 자연어로 지시하고, 맥미니 위 OpenClaw가 실제 파일 작업과 자동화를 수행하는 구조를 실제 운영 기준으로 정리했습니다.

Apr 5, 2026

우리는 과연 TypeScript 6.0을 써야 할까?

TypeScript 6.0이 출시됐다. 레거시 걱정, 버그 걱정, 영어 장벽까지. 그래도 지금 올려야 하는 이유를 초보 개발자의 시선에서 솔직하게 이야기한다.

Mar 24, 2026

React 커스텀 훅과 책임 분리 — 컴포넌트가 모든 걸 알 필요는 없다

실제 운영 중인 Omechu 프로젝트 코드로 살펴보는 커스텀 훅 리팩토링 3케이스 — Toast 중복, 상태 7개짜리 컴포넌트, 얽힌 useEffect.

Mar 16, 2026

AI에 200달러를 태우고 백엔드 개발자가 됐다

사업 실패, 30개 난사, 면접 연속 탈락. 취업 불경기에 개발자가 될 수 있었던 단 하나의 이유를 솔직하게 씁니다.

Mar 14, 2026

ShareX Win+Shift+S 충돌 트러블슈팅 완벽 가이드 - 데스크탑은 되는데 노트북만 안 될 때

ShareX에서 Win+Shift+S 단축키가 등록되지 않거나 Windows 캡처가 먼저 뜨는 문제를 원인별로 해결하는 실전 가이드

Feb 25, 2026

SEO 대신 AEO가 대세? ChatGPT가 내 블로그를 인용하게 만드는 법

ChatGPT, Perplexity, Claude 같은 AI 답변 엔진에서 여러분의 콘텐츠가 인용되도록 최적화하는 방법을 알려드립니다. SEO를 넘어 AEO 시대의 검색 전략을 완벽하게 마스터하세요.

Nov 17, 2025

Astro 블로그에 GitHub Discussions 댓글 추가하기 - Giscus 완벽 가이드

Astro 블로그에 GitHub Discussions 기반 무료 댓글 시스템 Giscus를 추가하는 방법을 완벽 가이드합니다. Lazy Loading, 한국어 지원, Pretendard 폰트 적용까지 모두 포함!

Nov 17, 2025

AI 시대의 FAQ 완벽 가이드 - 3분 만에 작성하고 검색 노출 10배 높이기

FAQ는 단순한 질문답변이 아닙니다. ChatGPT, Perplexity, Claude가 여러분의 블로그를 인용하게 만드는 핵심 전략입니다. 3분 만에 작성하는 방법부터 구조화된 데이터까지 완벽 가이드!

Nov 17, 2025

블로그 뉴스레터 구독 기능 추가하기 - Resend 완벽 가이드

Resend를 활용해 블로그에 뉴스레터 구독 기능을 추가하는 방법을 완벽 가이드합니다. Astro/Next.js에서 5분 만에 무료로 이메일 구독 시스템을 구축하세요!

Nov 17, 2025

[홈서버 6편] 맥미니 홈서버 1개월 후기 💰 - AWS와의 최종 비교와 솔직한 평가

전기세 실측, 성능 벤치마크, 비용 분석까지 - 맥미니 홈서버 1개월 운영 후 내린 결론

Oct 6, 2025

[홈서버 5편] 맥미니 홈서버 삽질 기록 🔧 - 새벽 2시의 디버깅 전쟁

Cloudflare Status 1부터 Shift 키 오작동까지, 홈서버 구축하며 겪은 모든 에러와 해결 방법 총정리

Sep 29, 2025

[홈서버 4편] git push만으로 자동 배포 - Self-Hosted Runner로 CI/CD 완성하기 🚀

SSH 타임아웃의 벽을 넘어, 맥미니에서 직접 돌아가는 GitHub Actions로 완전 자동화 배포 구축하기

Sep 22, 2025

[홈서버 3편] 포트 포워딩 없이 HTTPS 열기 - Cloudflare Tunnel의 마법 🔒

공유기 설정 없이, 공인 IP 없이, 무료로 HTTPS 외부 접속 구현하기 - 그리고 새벽 2시의 plist 삽질기

Sep 15, 2025

[홈서버 2편] 맥미니 개봉부터 첫 배포까지 🖥️ - 홈서버의 첫걸음

맥미니 M2 언박싱, macOS 네트워크 설정, Docker 설치부터 Spring Boot 첫 실행까지의 여정

Sep 8, 2025

[홈서버 1편] AWS 요금 폭탄 💸에서 맥미니 홈서버로 탈출하기

AWS 35,000원 청구에 충격받고 맥미니 M2로 홈서버를 구축한 이야기 - 비용 분석부터 결심까지

Sep 1, 2025

리피움 AI 강연 후기: 강연하러 갔다가 오히려 내가 더 배운 하루 🚀

리피움 모임에서 진행한 AI 강연 후기. 강연을 통해 느낀 나눔의 기쁨과 배움의 깊이, 그리고 미래에 대한 고민을 솔직하게 담았습니다.

Aug 20, 2025

리피움 모임을 위한 AI 활용법: 강의 자료 공유

리피움 모임에서 진행하는 'AI 활용법' 강의의 전체 준비 과정과 핵심 자료를 공유합니다. 강의 PPT, Custom Instructions 코드, 그리고 업무와 일상에 바로 적용 가능한 질문 예시들을 확인해보세요.

Aug 16, 2025

Vercel CLI + GitHub Actions로 조직 저장소 무료 배포하기

GitHub 조직 저장소를 Vercel 무료 플랜으로 배포하는 완벽 가이드: Git 연동 없이 3개 토큰으로 해결하기

GitHub 조직 저장소는 보안 정책상 Vercel Git 연동이 어렵습니다. Vercel CLI와 GitHub Actions를 활용해 3개의 토큰만으로 무료 배포 파이프라인을 구축하는 실전 가이드입니다.

Aug 11, 2025

프론트엔드, AI와 함께 소셜 로그인 정복기 (백엔드 코드 분석부터 구현까지)

프론트엔드 개발자가 AI를 활용해 백엔드 소셜 로그인 코드를 분석하고, 즉각적인 백엔드 수정 없이 클라이언트에서 기능을 구현해낸 실제 과정을 공유합니다. 실용적인 해결책과 코드 예시를 확인하세요.

Aug 5, 2025

GitHub Actions + Cloudflare Pages CI/CD 파이프라인 구성도

GitHub Actions + Cloudflare Pages로 완성하는 현대적 CICD 파이프라인

GitHub Actions를 활용한 자동화된 품질 검사부터 Cloudflare Pages를 통한 무료 배포까지, 실무에서 바로 사용 가능한 CICD 구축 완벽 가이드입니다.

Jul 28, 2025

Claude Code CLI 파일 편집 오류 완벽 해결 가이드: "File has been unexpectedly modified" 극복하기

Claude Code CLI를 사용할 때 발생하는 "File has been unexpectedly modified" 오류의 원인을 분석하고, 2단계 워크플로우를 통한 실전 해결 방법을 상세히 설명합니다.

Jul 21, 2025

"어떤 AI를 써야 할까?" - 2025년 목적별 최고의 AI 모델 추천 (글쓰기, 과제, 코딩)

매일 쏟아지는 AI 모델 속에서 길을 잃으셨나요? GPT-4o, 클로드 3, 제미나이 등, 당신의 글쓰기, 과제, 코딩 작업에 딱 맞는 최고의 AI 모델을 AI 기술 전문가가 최종 추천해 드립니다.

Jun 14, 2025

C언어, '왜?'라는 질문으로 깊어지다: 포인터부터 메모리까지

C언어 학습 중 마주하는 포인터, 문자열, 표준 라이브러리 함수, 동적 할당 등 핵심 개념들의 '왜?'를 파헤칩니다. 단순 암기가 아닌 원리 이해를 통해 깊이 있는 C언어 지식을 얻는 가이드입니다.

Jun 12, 2025

개발자, 구글 서비스와 씨름하다: GA, GTM, 애드센스 정복기

구글 서비스(Firebase, Google Cloud Platform, Google Analytics, GTM, AdSense) 설정의 혼란과 해결 과정을 담은 개발자의 웹사이트 런칭 경험기입니다.

May 17, 2025

옵시디언 vs 노션 완전 비교: 생산성 도구 선택 가이드

옵시디언과 노션, 어떤 도구를 선택해야 할까? 실제 전문가와의 회의를 통해 알아본 두 도구의 장단점과 상황별 최적 선택 가이드를 공유합니다.

May 17, 2025

Cypress E2E 테스트로 완성하는 견고한 웹 애플리케이션

UMC 12주차 프로젝트에서 경험한 Cypress E2E 테스트 구축 과정을 공유합니다. 실제 사용자 시나리오를 기반으로 한 테스트 자동화 완벽 가이드입니다.

May 15, 2025

도메인부터 배포까지: 개발자를 위한 웹사이트 런칭 완벽 가이드

log8.kr 도메인 설정부터 Cloudflare Pages 배포까지, 실제 경험을 바탕으로 한 웹사이트 런칭 과정을 단계별로 상세하게 설명합니다.

May 13, 2025

MCP 서버로 개발 워크플로우 혁신하기: 필수 툴 5가지

개발 생산성을 혁신적으로 향상시킬 MCP 서버 툴들을 소개합니다. Playwright부터 Task Master까지, 실제 사용 경험을 바탕으로 한 완벽 가이드입니다.

May 11, 2025

웹 보안 완전 정복: JWT부터 OAuth 2.0까지 실전 가이드

웹 개발자가 반드시 알아야 할 보안 기술들을 한 번에! JWT, Cookie, Refresh Token, Protected Route, OAuth 2.0까지 실무에서 바로 적용할 수 있는 완벽 가이드입니다.

May 9, 2025

Obsidian과 Git 연동으로 완성하는 개발자의 지식 관리 시스템

개발자를 위한 궁극의 지식 관리 솔루션! Obsidian과 Git을 연동하여 데스크탑과 노트북 간 완벽한 동기화 시스템을 구축하는 실전 가이드입니다.

May 7, 2025

교육 실습에서 발견한 AI 시대의 수업 혁신: 중동고에서의 4주간 기록

모교 중동고등학교에서의 4주간 교육실습 기간 동안, AI를 활용한 수학 수업을 설계하고 실제로 진행한 경험담입니다. 전통적인 교육과 AI 도구의 조화, 그리고 미래 교육이 나아가야 할 방향에 대한 현장 교사의 생생한 통찰을 공유합니다.

May 5, 2025

대학생 알고리즘 시험 정복기: 족보 사기 당한 후 깨달은 진짜 공부법

에브리타임에서 족보를 사서 속은 경험담부터, 그 실패를 발판으로 개발한 체계적인 알고리즘 학습법까지. 단순 암기가 아닌 '이해 중심'의 알고리즘 공부법과 실전 문제 해결 전략을 공유합니다.

May 3, 2025

학습 생산성 혁명: Obsidian과 Cursor AI로 나만의 디지털 두뇌 구축하기

단순한 메모를 넘어 생각을 연결하는 '제2의 뇌' 옵시디언과, AI 페어 프로그래머 Cursor의 조합으로 학습과 개발 생산성을 극대화한 6개월간의 실제 경험담과 구체적인 활용 노하우를 공유합니다.

May 1, 2025

.kr 도메인 Cloudflare Pages에 완벽 연결 가이드 (가비아 예시)

가비아와 같은 국내 호스팅 업체에서 구매한 .kr 도메인을 Cloudflare Pages에 연결하는 전체 과정을 단계별로 상세히 안내합니다. 네임서버 변경부터 CNAME 레코드 설정, 그리고 흔히 발생하는 문제 해결 팁까지 모든 것을 다룹니다.

Apr 27, 2025

업무 시간을 반으로 줄이는 엑셀 데이터 분석 & 시각화 비법

엑셀, 아직도 단순 계산기로만 사용하시나요? SUMIFS, XLOOKUP 등 핵심 함수와 피벗 테이블, 조건부 서식을 활용하여 방대한 데이터를 요약, 분석하고, 설득력 있는 보고서를 만드는 실무 데이터 분석 및 시각화 노하우를 공개합니다.

Apr 25, 2025

개발자 블로그 이전 및 수익화 실행 계획: 네이버에서 Astro까지

개발자로서 네이버 블로그를 떠나 Astro 프레임워크로 직접 웹사이트를 구축하고, 구글 애드센스 수익화를 실현하기까지의 구체적인 기술 스택, 실행 계획, 그리고 목표를 공유합니다.

Apr 23, 2025

인턴과 사회초년생을 위한 비즈니스 매너 완벽 가이드

첫 사회생활, 어떻게 해야 선배들에게 인정받고 빠르게 성장할 수 있을까요? 이메일 작성법부터 명확한 보고, 긍정적인 업무 태도까지, 인턴과 사회초년생이 반드시 알아야 할 비즈니스 매너의 모든 것을 담았습니다.

Apr 21, 2025

Astro 블로그 속도 최적화: 이미지와 마크다운, 이렇게 관리하세요

Astro로 만든 블로그, 더 빠르게 만들고 싶으신가요? 사용자 경험과 SEO의 핵심인 웹사이트 로딩 속도를 극대화하는 이미지 최적화 및 마크다운 콘텐츠 관리 노하우를 공유합니다.

Apr 19, 2025

꿈의 무대에서 AI를 외치다: 한국시니어교류협회 강연 후기

매달 지혜를 배우던 한국시니어교류협회 조찬 모임에서, 'AI 활용법'이라는 주제로 직접 강연하게 된 벅찬 경험과 소회를 나눕니다. 현장의 열기와 앞으로의 다짐을 공유합니다.

Apr 17, 2025

성장의 가장 강력한 무기, 꾸준함: 작은 습관이 만드는 기적

개발, 학습, 그리고 삶의 모든 영역에서 거창한 목표보다 중요한 것은 '지속하는 힘'입니다. 꾸준함이 어떻게 복리의 마법을 일으키고 슬럼프를 극복하게 하는지, 그리고 작은 습관을 만드는 현실적인 팁을 공유합니다.

Apr 15, 2025

시니어 비즈니스 리더를 위한 ChatGPT 활용법: 강의 자료 공유

한국 시니어 교류협회에서 진행한 '시니어를 위한 ChatGPT 활용법' 강의의 전체 준비 과정과 핵심 자료를 공유합니다. 강의 PPT, Custom Instructions 코드, 그리고 업무와 일상에 바로 적용 가능한 질문 예시들을 확인해보세요.

Apr 13, 2025

8시간의 사투: 'post.render is not a function' 오류 해결기

Astro로 블로그를 만들다 'post.render is not a function', 'Content is undefined'라는 치명적인 오류를 만났습니다. 8시간에 걸친 끈질긴 디버깅 과정과 공식 문서에서 실마리를 찾아 마침내 해결하기까지의 생생한 경험을 공유합니다.

Apr 11, 2025