Blog
Blog
개발 과정과 인사이트를 기록합니다.
Repasta v2.0 개발기 — 역변환과 Vision OCR
인스타그램 → 블로그 역변환, Vision OCR, 카카오 로그인까지. Repasta v2.0에서 무엇을 만들었고 어떤 결정을 내렸는지.
SaaS에서 로컬 AI vs 클라우드 AI 티어링 전략
무료 사용자에게 로컬 Qwen, 유료 사용자에게 Gemini. SaaS AI 비용을 줄이면서 품질을 유지하는 방법.
토스페이먼츠로 구독 결제 구현하기
빌링키 발급부터 자동 결제까지. Next.js + Supabase 환경에서 토스페이먼츠 정기결제 구현 과정.
Turborepo로 웹 + 크롬 확장 동시 개발하기
Next.js 웹앱과 WXT 크롬 확장을 하나의 모노레포에서 관리하는 실전 구성.
1인 SaaS, 사업자 등록부터 런칭까지
개발 외에 필요한 것들. 사업자 등록, 결제 연동, 법률 준수, 검색엔진 등록까지 비개발 체크리스트.
Tauri v2로 데스크톱 앱 만들기 — 3MB짜리 시크릿 매니저
Electron 대신 Tauri v2를 선택한 이유와, Rust 백엔드로 AES-256 암호화를 구현한 과정을 정리했습니다.
Rust로 AES-256-GCM 암호화 구현하기
KeyBox에서 사용한 AES-256-GCM 암호화 구현 과정. PBKDF2 키 파생부터 nonce 관리까지.
Tauri IPC 통신 — 프론트엔드에서 Rust 호출하기
Tauri의 invoke 시스템으로 React에서 Rust 함수를 타입 안전하게 호출하는 방법.
SQLite를 로컬 데스크톱 앱 DB로 쓰는 법
서버 없이 SQLite만으로 데스크톱 앱 데이터를 관리하는 실전 패턴.
Chrome Extension 개발 — Manifest V3 실전 가이드
Manifest V3로 Chrome 확장 프로그램을 만드는 실전 과정. 권한, 서비스 워커, 콘텐츠 스크립트.
Cloudflare Workers로 서버리스 API 만들기
AWS Lambda 대신 Cloudflare Workers를 선택한 이유와 실전 API 구축 과정.
이커머스 수수료 구조 — 쿠팡·네이버·11번가 비교
이커머스 플랫폼별 수수료, 반품 비용, 보관비를 분석하고 실질 순이익 계산법을 정리했습니다.
Gemini API로 콘텐츠 형식 자동 변환하기
블로그 글을 인스타 카드로, 인스타 캡션을 블로그로. Gemini API를 활용한 콘텐츠 변환 파이프라인.
Supabase로 SaaS 백엔드 빠르게 구축하기
Firebase 대신 Supabase를 선택한 이유와, 인증·DB·스토리지를 하루 만에 세팅한 과정.
AI 프롬프트 엔지니어링 — 블로그를 인스타 카드로
콘텐츠 변환용 프롬프트를 설계하면서 배운 것들. 좋은 프롬프트와 나쁜 프롬프트의 차이.
Claude API로 멀티채널 콘텐츠 자동 생성
원본 하나로 Reddit, Twitter, 블로그, 이메일, Product Hunt용 콘텐츠를 자동 생성하는 방법.
Python CLI 도구 — argparse부터 배포까지
Python으로 실용적인 CLI 도구를 만들고 pip로 배포하는 전체 과정.
FastAPI로 CLI를 REST API로 확장하기
PromoEngine CLI를 FastAPI로 감싸서 웹 서비스로 확장한 과정.
Astro로 포트폴리오 사이트 만들기
React 대신 Astro를 선택한 이유. 제로 JavaScript 포트폴리오 사이트 구축기.
Cloudflare Pages — git push 자동 배포 세팅
GitHub에 push하면 자동으로 빌드·배포되는 Cloudflare Pages 설정 과정.
Astro i18n — 다국어 사이트 구현하기
Astro의 내장 i18n으로 한국어/영어 다국어 사이트를 만드는 실전 가이드.
개발자를 위한 SEO 기본기
개발자 관점에서 알아야 할 SEO 핵심. 메타 태그, 시맨틱 HTML, 구조화 데이터, 사이트맵.
사이드 프로젝트를 제품으로 만드는 과정
아이디어에서 출발해 실제 사용자가 쓰는 제품으로 만들기까지의 과정과 판단 기준.
AI 도구를 활용한 개발 워크플로우 2026
코드 생성, 리뷰, 테스트, 문서화까지. 2026년 현재 AI 도구를 개발에 통합하는 실전 방법.
React vs Astro — 정적 사이트에 뭘 쓸까
포트폴리오, 블로그, 랜딩 페이지에 React가 필요할까? Astro와의 실전 비교.
Tailwind CSS v4 — CSS 기반 설정의 시대
tailwind.config.js가 사라졌다. CSS @theme으로 디자인 토큰을 관리하는 Tailwind v4의 변화.
MDX로 기술 블로그 만들기 — 코드 블록부터 인터랙티브 컴포넌트까지
마크다운에 JSX를 더한 MDX로 기술 블로그를 만드는 실전 가이드.
개발자가 만드는 Chrome Extension — 아이디어에서 스토어 등록까지
Marginy 개발 과정을 통해 정리한 Chrome Extension 기획, 개발, 스토어 등록 전 과정.
Cloudflare 무료 스택으로 SaaS 운영하기 — Pages + Workers + KV + R2
서버 비용 0원으로 SaaS를 운영하는 Cloudflare 무료 스택 구성과 실전 경험.
Next.js vs Astro vs SvelteKit — 2026 프레임워크 선택 가이드
프로젝트 유형별로 어떤 프레임워크를 선택해야 하는지. 2026년 기준 실전 비교.
Git 워크플로우 — 혼자 개발할 때도 브랜치를 써야 하는 이유
혼자 개발해도 main에 직접 커밋하면 안 되는 이유와, 실용적인 솔로 Git 워크플로우.
TypeScript 실전 팁 — 타입 좁히기, 제네릭, 유틸리티 타입
실무에서 자주 쓰는 TypeScript 패턴. 타입 좁히기, 제네릭 활용, 유틸리티 타입 정리.
API 키 관리의 현실 — .env부터 시크릿 매니저까지
API 키를 안전하게 관리하는 방법. .env 파일의 한계와 단계별 보안 향상 방법.
웹 성능 최적화 — 이미지, 폰트, 레이아웃 시프트 잡기
Lighthouse 100점을 위한 실전 웹 성능 최적화. 이미지, 폰트, CLS 해결법.
사이드 프로젝트 홍보 — Reddit, Hacker News, Product Hunt 전략
사이드 프로젝트를 사람들에게 알리는 실전 전략. 각 플랫폼의 문화와 접근법.