№S
stack · decisions
무엇을 쓰는지보다, 왜 그것을 골랐는지가 전문성입니다.
— folio · 2026 / KR
the stack
// 4개 레이어 · 14개 도구 · 모두 선택의 이유가 있습니다.
L1
frontend
Frontend Runtime
TanStack Start v1SSR + 타입 안전 라우팅. SEO와 DX 동시 확보.
React 19최신 동시성 모델, Server Components 호환성.
Vite 7ESM 네이티브 빌드. HMR 50ms 이하.
Tailwind v4디자인 토큰을 oklch로 직접 — 색상 일관성.
L2
backend
Backend & Data
Postgres + RLSRow-Level Security가 협상 불가능한 이유 — 1줄 누락이 전사 유출.
Edge Functions (Deno)Cold start 100ms 이하. 글로벌 분산.
Lovable CloudSupabase 기반, 인증·DB·Storage·Edge 통합.
Server FunctionscreateServerFn — RPC를 타입으로 강제.
L3
ai
AI Layer
Lovable AI GatewayAPI 키 없이 Gemini · GPT-5 라우팅.
Tool Calling (JSON Schema)LLM 출력을 스키마로 강제 — 파싱 실패율 0.
Streaming + Fallback체감 속도 + 모델 장애 대응.
L4
workflow
Workflow
Lovable (Vibe Coding)기획 → 구현 사이의 통역 비용 0.
Git via Lovable버전 관리 자동화 — 모든 대화가 커밋.
Live Preview사용자가 실시간 봄. 피드백 루프 분 단위.
№D
decision log
자주 받는 기술 선택 질문 4가지 — 솔직한 답.
— folio · 2026 / KR
Q · 01
왜 No-Code가 아니라 바이브 코딩?
No-Code는 도구의 한계 = 제품의 한계. 바이브 코딩은 코드를 생성하므로 한계가 없음. 다만 *읽고 고칠 수 있어야* 진짜 자산이 됨.
Q · 02
왜 Next.js가 아니라 TanStack Start?
Next의 마법(서버 컴포넌트, 캐시 레이어)이 추상화 비용으로 돌아옴. TanStack은 명시적 — SSR·loader·hydration 흐름이 투명함.
Q · 03
왜 Firebase가 아니라 Postgres?
관계형 데이터를 NoSQL로 비틀면 결국 JOIN을 앱에서 구현. RLS + SQL이 더 적은 코드 + 더 강한 보장.
Q · 04
왜 자체 인프라가 아니라 Edge?
1인 스튜디오에 DevOps는 사치. Edge Function은 99.99% SLA를 0원에 — 핵심 가치 창출에만 집중.