본문 바로가기

분류 전체보기124

화면은 누가 그리나 — SSR · CSR, 그리고 그 사이의 것들 프론트엔드 · 1인 개발자 메모화면은 누가 그리나 — SSR · CSR, 그리고 그 사이의 것들"Next.js 쓰면 SSR 아니에요?"라는 질문에서 시작한, 렌더링이 일어나는 '장소'에 대한 지형도 정리.2026-06-01 · 약 10분 소요들어가며: "Next.js 쓰면 SSR 아니에요?"앱인토스 앱은 전부 React로 짜는데, 이게 다 CSR이에요. 그런데 블로그나 랜딩 페이지 얘기가 나오면 갑자기 "그건 SSR이 유리하지"라는 말이 나오죠. 누가 물었어요. "같은 React인데 왜 어떤 건 CSR이고 어떤 건 SSR이에요? Next.js 쓰면 그냥 SSR 아니에요?"여기엔 흔한 오해가 하나 있어요. SSR과 CSR을 프레임워크 이름이나 좋고 나쁨의 문제로 보는 것. 사실 둘의 차이는 딱 하나예요 —.. 2026. 6. 1.
큐라고 다 같은 큐가 아니다 — Kafka · SQS · RabbitMQ · Cloudflare Queues 지형도 아키텍처 · 1인 개발자 메모 큐라고 다 같은 큐가 아니다— Kafka · SQS · RabbitMQ · Cloudflare Queues 지형도 지난 글에서 "큐 패턴"으로 백엔드를 다시 짰다. 그런데 그 '큐'는 한 종류가 아니다. "왜 Kafka 안 썼어요?"라는 질문에서 시작한, 메시지 시스템 지형도 정리. 2026-05-31 · 약 10분 소요 · 이전 글: 큐 패턴 도입기 들어가며: "왜 Kafka 안 썼어요?" 지난 글에서 3분 걸리는 AI 호출을 백그라운드로 빼면서 큐 패턴을 도입한 이야기를 썼어요. Cloudflare Queues를 썼다고 했더니 돌아온 질문이 이거였습니다. "큐면 Kafka 아니에요? 왜 Kafka 안 썼어요?" 이 질문에는 흔한 오해가 하나 .. 2026. 5. 31.
AI 호출 3분, 사용자는 1초도 못 기다린다 — 큐 패턴 도입기 아키텍처 · 1인 개발자 메모 AI 호출 3분, 사용자는 1초도 못 기다린다— 큐 패턴 도입기 사용자 입장에서 3분 빈 화면. 그게 정말 답일 리가 없잖아요. Cloudflare Workers + Queues + D1 + R2로 백엔드를 다시 설계한 이야기. 2026-05-26 · 약 9분 소요 문제: 3분 빈 화면 특정 이미지 생성 AI를 부르면 결과가 나오기까지 약 3분이 걸립니다. 모델의 본질적 처리 시간이라 줄일 수 없어요. 문제는 이게 사용자가 요청 직후 결과를 기대하는 화면에서 발생한다는 거예요. 3분 동안 스피너만 보고 있게 만들 순 없죠. 3분이라는 시간감 비교: 유튜브 광고 스킵 가능 시간 5초. 메신저 메시지 전송 0.5초. 모바일 송금 1~2초. 그.. 2026. 5. 31.
서버 CLI 도구 정리 — Wrangler, gh, Supabase CLI 개발 도구 · 1인 개발자 메모 서버 CLI 도구 정리— Wrangler, gh, Supabase CLI 클라우드 인프라를 다루다 보면 결국 터미널로 돌아오게 됩니다. 사이드 프로젝트를 진행하면서 실제로 쓴 세 가지 CLI를 정리했어요. 2026-05-26 · 약 6분 소요 왜 이 글을 쓰게 됐냐 오늘 프로젝트 백엔드를 Cloudflare로 옮기기로 결정하면서 wrangler login을 입력하려는데 문득 이런 생각이 들었어요. "이거 도대체 뭐지? 왜 굳이 CLI를 쓰는 거지?" 이미 gh는 일상적으로 쓰고 있고, 한때 Supabase CLI도 보던 시기가 있었는데 막상 셋의 차이를 누가 물어보면 즉답이 어렵더라고요.. 2026. 5. 26.
앱인토스 결제 프로세스 앱인토스의 SDK 를 보고 결제모듈을 작성하던 중, 에러가 발생했고 앱인토스 개발자 커뮤니티에 질문을 남겨서 친절하게 답변을 받았다. 다시 로직을 보니 결제 성공 후에 우리 서버에서 '그래서 이 주문이 맞냐고?' 란 검증을 한번 더 해서 NOT_FOUND 가 계속 나오는 문제가 발생하고 있었다. 나름의 추측으로는 응답시간이 너무 짧거나(?) 트랜잭션(음...) 등의 이유로 직전 성공 건에 대해서fail 이 난 것 같았다. 문제의 로직> /api/purchase/grant 앱인토스 미니앱에 인앱결제를 붙이면서 가장 헷갈렸던 부분은 "어느 시점에 우리 서버가 개입해야 하는가" 였다. 공식 문서를 읽어도 흐름이 머릿속에 잘 그려지지 않아서, 직접 구현하며 정리한 내용을 공유한다. 전체 흐름 한눈에 보기 사.. 2026. 5. 18.
고양이 타로 앱에 서버를 안 두기로 했다 — Edge Function 도입기 React Native 타로 앱을 만들고 있습니다. iOS App Store 출시를 준비하면서 결제 검증과 일일 무료 사용 제한 같은 백엔드 로직이 필요해졌습니다. 그런데 "서버를 띄우자"가 첫 번째 답은 아니었습니다. 월 사용자가 100명일지 1,000명일지 아직 모르는 MVP 단계에서 EC2나 Vercel에 Express 서버를 24시간 켜두는 건 과한 결정이었습니다. 결국 Supabase의 Edge Functions를 도입했고, 이 글은 그 과정에서 배운 것의 정리입니다. 1. 왜 클라이언트만으로는 안 되는가 처음엔 단순하게 생각했습니다. "결제는 Apple이 처리하니까 앱에서 영수증 받아서 직접 처리하면 되지 않나?" 하지만 두 가지 문제가 있었습니다. 문제 1: 신뢰할.. 2026. 5. 11.
반응형