개발자
🛠️ 기술 스택 추천기
프로젝트 시나리오로 Frontend·Backend·DB·Auth·Hosting·Payment 풀스택 자동 추천.
본 도구는 참고용입니다
- 입력값·환경에 따라 결과가 달라질 수 있으며 정확성을 보장하지 않습니다.
- 중요한 의사결정에는 전문가 조언을 받으세요.
- 본 추천은 일반 가이드 — 정확한 선택은 팀 상황·요구사항·기존 자산에 따라 달라집니다. 2026년 5월 기준 데이터이며 기술 트렌드는 빠르게 변하므로 정기 확인. 비용은 추정치이니 정확한 가격은 각 서비스 공식 사이트 확인. 한국 특화 통합(카카오·토스 등)은 별도 사업자등록·심사 필요.
⚖️ 적용된 가중치 (입력값 자동 분석)
가중치가 높을수록 추천 순위에 더 큰 영향. 예산 무료 선택 시 비용 가중치 ×3.
Vite + React (SPA)
Vite 5 + React 19. SSR 없는 순수 SPA
🇰🇷 CRA 후속으로 가장 인기. 사내 도구·대시보드 표준
npm create vite@latest my-app -- --template react-ts✓ 장점
- HMR 가장 빠름
- 단순한 클라이언트 앱에 최적
- CDN 호스팅 무료
⚠ 단점
- SEO 약함
- 서버 로직은 별도
대안 후보
Next.js 16
풀스택 React 프레임워크 (App Router·Server Components·Turbopack)
Astro 5
콘텐츠 우선 사이트. 0kb JS by default
Next.js Route Handlers
Next.js 내장 API. Server Actions로 풀스택 통합
# Next.js와 함께✓ 장점
- Frontend와 동일 코드베이스
- TypeScript end-to-end
- Vercel 자동 스케일
⚠ 단점
- 장시간 작업 부적합 (10s 제한)
- 대용량 처리 별도
대안 후보
Hono
Edge·Bun·Node 모두 지원. 초경량·고성능
Express.js
가장 보편적인 Node.js 프레임워크
Redis (Upstash)
캐시·큐 (보조 DB). Upstash Serverless
# upstash.com 가입✓ 장점
- 초고속
- Rate limit·Session
- Pub/Sub
⚠ 단점
- 주 DB 아님
- 비용 누적 시 비쌈
대안 후보
Neon (Serverless Postgres)
Serverless Postgres. Branch·Auto-pause
Supabase Postgres
Postgres + Realtime + Storage 올인원
Auth.js (NextAuth v5)
Next.js 친화. OAuth provider 다수
🇰🇷 카카오·네이버 OAuth 공식 provider — 한국 SaaS에 가장 적합
npm i next-auth@beta✓ 장점
- 완전 무료
- OAuth 60+ provider
- 카카오·네이버 공식 지원
⚠ 단점
- DB 직접 구성
- Pre-built UI 없음
대안 후보
Supabase Auth
DB·Auth·Storage 통합. RLS 강력
Firebase Auth
Google 구축 인증. iOS/Android 친화
Cloudflare Pages·Workers
Edge 우선. 무료 티어 매우 넉넉
npm i -g wrangler && wrangler init✓ 장점
- 거의 무료
- Edge 가장 빠름
- D1·R2·KV 통합
⚠ 단점
- Workers 제약 (50ms CPU)
- 큰 라이브러리 부적합
대안 후보
Vercel
Next.js 만든 곳. Git push → 자동 배포
Netlify
JAMstack 1세대. Edge Functions
Google Analytics 4
무료 표준. 가장 풍부한 기능
✓ 장점
- 무료
- 가장 많은 도구
- 광고 통합
⚠ 단점
- UI 복잡
- GDPR·동의 필요
- 쿠키 사용
대안 후보
Vercel Analytics
Next.js 통합. 쿠키 X, 가벼움
Plausible
Privacy-first. 쿠키 없음
예상 월 비용 (1만 사용자 기준)
$0~$50
연간 약 $300 (전형 $25/월)
예상 개발 기간
4~8주
본인 경험 (중급) 기준 학습 + 코딩
| 측면 | ⭐ Vite + React (SPA) | Next.js 16 | Astro 5 |
|---|---|---|---|
| 개발 속도 | 10/10 | 9/10 | 10/10 |
| 확장성 | 7/10 | 10/10 | 8/10 |
| 비용 효율 | 9/10 | 7/10 | 9/10 |
| 학습 곡선 | 8/10 | 7/10 | 9/10 |
| 생태계 | 10/10 | 10/10 | 8/10 |
| 성능 | 8/10 | 9/10 | 10/10 |
| 한국 채용 | 9/10 | 10/10 | 3/10 |
추천 알고리즘 — 어떻게 결정되나
본 도구는 35+ 스택을 7축(개발 속도·생산성·성능·확장성·학습 곡선·생태계·비용)으로 채점한 데이터베이스를 보유합니다. 입력하신 8개 변수가 각 축의 중요도를 조정해 카테고리별 최고 점수 스택을 추천합니다.
⏱️ 타임라인 (1주 → 6개월)
짧을수록 「개발 속도」와 「초기 셋업이 빠른 스택」이 우선됩니다. 1~2주짜리 프로토타입에서는 보일러플레이트가 적은 Astro·Vite·Next.js 같은 옵션이 점수가 올라가고, 6개월짜리 정식 프로덕트는 학습 시간을 들여도 장기 운영이 편한 스택(NestJS·Spring 등)이 후보로 들어옵니다.
💰 예산 (무료 → 무관)
예산이 낮을수록 「비용 효율」이 큰 영향을 줍니다. 무료 티어에서는 Cloudflare Workers·Pages·SQLite·Auth.js 같은 옵션이, 예산이 충분하면 Vercel Pro·AWS·관리형 DB(Supabase, PlanetScale 등)가 더 잘 추천됩니다.
👥 트래픽 (100명 → 100만+/월)
트래픽이 클수록 「확장성」과 「성능」이 중요해집니다. 100~1만 사용자 규모는 Vercel·Supabase로 충분하지만, 100만+ 규모로 가면 AWS·Postgres 셀프 호스트·NestJS/Spring처럼 수평 확장이 검증된 스택이 우선 추천됩니다.
🎓 경험 (초보 → 시니어)
경험이 낮을수록 「학습 곡선」 영향이 커집니다. 초보는 Next.js·Supabase·Clerk처럼 문서·튜토리얼이 풍부하고 보일러플레이트가 적은 스택이, 시니어는 더 세밀하게 제어할 수 있는 직접 구성형 스택(Hono·Fastify·Drizzle 등)도 후보로 들어옵니다.
🔍 SEO 중요도
높을수록 SSR/SSG가 기본인 프레임워크가 유리합니다. Next.js·Astro·Remix가 우선되고, CSR 전용 SPA(Vite + React) 같은 옵션은 SEO 항목에서 감점됩니다.
🇰🇷 한국 특화 통합
체크 시 「한국 채용 시장·생태」와 「한국 결제·인증 지원」이 크게 가중됩니다. 토스페이먼츠·Auth.js(카카오/네이버 provider)·NCloud 등이 우선되고, 한국에서 자주 안 쓰이거나 호환이 까다로운 옵션(Stripe·Clerk 일부 기능 등)은 후보에서 제외되거나 낮은 우선순위로 떨어집니다.
🏗️ 프로젝트 유형 (웹앱·SPA·정적·모바일·API·데스크톱)
유형에 따라 추천 카테고리 구성 자체가 달라집니다. 정적 사이트는 frontend·hosting·analytics만 추천되고 backend·auth·payment 카테고리는 제외됩니다. 모바일은 React Native·Flutter·Expo Hosting 위주로, API 서버는 frontend 카테고리 없이 backend·DB·hosting 중심으로 구성됩니다.
📏 규모 (토이 → 대규모)
규모가 커질수록 「생태계」와 「장기 유지보수성」이 중요해집니다. 토이 프로젝트는 단순한 SQLite·Cloudflare 조합이, 대규모는 모니터링·CI/CD·온콜 대응이 성숙한 AWS·Postgres·NestJS·Spring 같은 옵션이 더 적합하게 점수가 매겨집니다.
💻 익숙한 언어 (JS/TS·Python·Java·Go·Rust)
익숙한 언어 생태계에서 빠르게 시작할 수 있는 스택이 우선됩니다. JS/TS면 Next.js·NestJS·Hono, Python이면 FastAPI·Django, Java면 Spring 등이 우대됩니다. 학습 비용을 줄이려는 가중치입니다.
카테고리별 인기 라이브러리 (2026년 5월)
| 카테고리 | 인기 라이브러리 |
|---|---|
| UI 컴포넌트 | ShadCN UI · Radix · Mantine · Chakra · Headless UI · DaisyUI |
| Form | React Hook Form + Zod · TanStack Form · Conform |
| 상태 관리 | Zustand · Jotai · Redux Toolkit · TanStack Query (서버) · nuqs (URL) |
| Data Fetching | TanStack Query · SWR · tRPC · Server Components |
| 스타일 | Tailwind CSS 4 · CSS Modules · Stitches · vanilla-extract |
| 차트 | Recharts · Chart.js · ECharts · Plotly · D3 · Visx |
| Animation | Framer Motion · Motion (vanilla) · Lottie · Spring |
| ORM | Prisma · Drizzle · Kysely · TypeORM · MikroORM |
| Validation | Zod · Valibot · Yup · ArkType |
| Resend · SendGrid · NHN Toast · AWS SES | |
| File Upload | UploadThing · Cloudinary · S3 Presigned · Vercel Blob |
| Search | Algolia · Meilisearch · Typesense · Postgres FTS · Elasticsearch |
| CMS | Sanity · Contentful · Notion API · Storyblok · Payload |
| Webhook | Inngest · Trigger.dev · Defer · Cron |
| Testing | Vitest · Playwright · Cypress · Jest · React Testing Library |
자주 묻는 질문 (FAQ)
Q1. Next.js vs Remix, 뭐가 좋나요?
Next.js — 한국 채용 시장 1순위. App Router·Server Components·Turbopack. Vercel 배포 0-config. 생태계 최대.
Remix (React Router 7) — 웹 표준(Form·Loader) 중심. 더 명시적이고 진보적 향상. 생태계 작음. 한국 채용 미미.
결론 — 한국 취업·신규 프로젝트는 Next.js. 학습·웹 표준 가치 중시는 Remix. 둘 다 최고 수준이지만 채용·생태 격차는 압도적으로 Next.js 우위.
Q2. Supabase vs Firebase, 어느 게 낫나요?
· Supabase — Postgres 기반(관계형). RLS로 권한 강력. 오픈소스(자체 호스팅 가능). SQL 친화. 웹 위주 추천.
· Firebase — NoSQL(Firestore). Google 락인. 모바일 SDK 우수. Phone Auth 강력. 모바일 위주 추천.
결론 — 웹 + 관계형 데이터(주문·결제·소셜) → Supabase. 모바일 + 단순 문서 → Firebase. 가격은 비슷하지만 Supabase가 락인 적어 장기적으로 유리.
Q3. React Native vs Flutter, 어느 쪽?
· React Native (Expo) — JS/React 경험 활용. 웹·앱 코드 일부 공유. EAS Build로 클라우드 빌드. 한국 채용 풍부.
· Flutter — 픽셀 단위 동일 UI. 60fps 보장. Dart 학습 필요. Material·Cupertino 둘 다 지원.
결론 — 웹 개발 경험 있으면 React Native(Expo). UI 일관성·게임풍 인터랙션 → Flutter. 둘 다 한국에서 채용 활발하지만 React Native 비중이 더 큼.
Q4. MVP에 모놀리스 vs 마이크로서비스?
MVP는 100% 모놀리스로 시작. 마이크로서비스는 다음 조건일 때만 —
· 팀 50명+ (서비스별 책임 팀 분리)
· 일부 모듈만 트래픽 폭증 (스케일 분리 필요)
· 기술 스택 다양 (Python ML + Node API)
초기에 분리하면 네트워크 오버헤드·배포 복잡도·디버깅 지옥이 시간을 다 잡아먹음. 모놀리스로 시작 → 트래픽·팀 성장 시 점진적 분리가 정답.
Q5. Vercel vs AWS, 뭐가 저렴한가요?
1만 사용자까지는 Vercel이 압도적으로 저렴 + 빠름. 무료 티어로 시작 → Pro $20/월. 0-config 배포·Preview·Edge·Image 자동 최적화.
10만+ 사용자는 트래픽·함수 호출량 따라 비용 ↑. 이때 AWS(CloudFront + Lambda 또는 ECS) 직접 구성이 더 저렴할 수 있음. 단 운영 부담 큼.
한국 대기업·금융은 AWS Seoul 또는 NCloud. 자체 인증·보안 요구사항 충족. 채용도 AWS 강세.
Q6. 한국 결제는 토스페이먼츠가 표준인가요?
2026년 신규 SaaS 80%+가 토스페이먼츠 채택. 이유 —
· 개발자 문서 우수 (한국 PG 중 압도적)
· SDK·콜백 깔끔
· 카드·계좌·간편결제(카카오·네이버페이) 통합
· 수수료 2.7~3.3% (경쟁사 대비 합리적)
예외 — 대기업·금융권은 여전히 KG이니시스 다수(관행) / 멀티 PG 필요 시 포트원(구 아임포트) / 글로벌 + 한국 동시는 Stripe + 토스 병행.
Q7. 초보가 백엔드를 빠르게 배우려면?
JS/TS 기반이라면 Next.js + Supabase 조합이 가장 부드러운 시작.
· 주 1~2 — Next.js Route Handlers + Supabase Auth
· 주 3~4 — Postgres SQL 기초 + RLS 정책
· 주 5~6 — 트랜잭션·인덱스·백그라운드 작업
· 월 2~3 — 캐싱(Redis)·큐(Inngest)
Python 친숙하면 FastAPI + Supabase도 좋음. 프론트는 그대로 Next.js + API만 분리.
피해야 할 함정 — 초보가 Spring·NestJS 시작 → 보일러플레이트로 시간 다 보냄. 단순 도구(Next.js API)로 빠르게 결과물 → 점진적 학습.
Q8. Astro는 언제 안 좋나요?
Astro는 콘텐츠 우선 사이트에 최적이지만 다음에는 부적합 —
· 실시간 협업·대시보드 — SPA 인터랙션이 핵심, Next.js·Vite 권장
· SaaS 풀스택 — Auth·DB·결제 통합은 Next.js가 압도
· 복잡한 폼·다단계 워크플로우 — React Hook Form 등 React 생태계 친화 도구
· 실시간 채팅·알림 — WebSocket 기반 SPA 권장
Astro 강점은 블로그·문서·마케팅·포트폴리오. 동적 인터랙션 80%+면 Next.js로.
Q9. 본 도구의 추천을 그대로 따라도 되나요?
추천은 일반적인 가이드라인입니다. 본 도구는 35+ 스택을 7축 점수로 비교한 추천 엔진이지만, 실제 의사결정에는 다음을 같이 고려해야 합니다 —
· 팀이 이미 익숙한 스택 (학습 비용)
· 외부 클라이언트·기존 시스템 호환성
· 특정 라이브러리 의존도 (예: 결제 PG 협약)
· 회사 보안·컴플라이언스 정책
추천 결과를 시작점으로 두고, 「대안 후보」와 「7축 점수」를 함께 보며 본인 상황에 맞게 조정하세요.