콘텐츠로 이동

기술 스택

데이터스케쳐스는 회사소개서에 명시된 중심 스택과, 실제 제품(D-SKET Webbuilder·Canvas·Events·Neuron)에서 필요한 기술을 함께 씁니다. 이 카테고리는 그 기술을 언어·프론트엔드·백엔드·DB·AI·인프라 영역으로 나눠, 각각이 어떤 상태인지 배지와 함께 한눈에 보여줍니다.

처음 오셨다면 아래 상태 배지 규칙만 읽고, 궁금한 영역으로 바로 이동해도 됩니다.

웹의 상태 배지 규칙

이 위키에서는 기술마다 적용 정도를 배지로 표시합니다. 페이지나 기술 목록 옆의 배지가 현재 상태를 뜻해요.

  • 🟢 운영 — 제품에 실제로 돌아가고 있는 기술
  • 🔵 적용 — 도입했거나 적용 중인 기술
  • 🟡 로드맵 — 계획 단계인 기술
  • ⚪ 역량 — 팀이 다룰 줄 알지만 제품엔 아직 안 쓰는 기술

이 배지는 작성 시점의 스냅샷입니다. 새 버전이나 신규 도입이 생기면 status와 함께 갱신해요.

영역별 기술 지도

영역 핵심 기술 대표 상태
언어·런타임 TypeScript, Kotlin, Java, Rust, Python, Node.js 🟢 운영
프론트엔드 React + Vite, Zustand, Tailwind, dnd-kit, Three.js 🟢 운영
백엔드·API NestJS, Spring Boot, FastAPI, axum, API Gateway 🟢 운영
데이터베이스 PostgreSQL, MongoDB, Redis, TimescaleDB 🔵 적용
검색·벡터 RAG, Qdrant, Semantic/Hybrid Search, Reranker 🔵 적용
AI·LLM 통합 Vercel AI SDK, LLM 추상화, Tool Calling, BYOK 🟢 운영
AI 추론 인프라 오픈소스 모델 서빙, Ollama, ONNX, vLLM 🟡 로드맵
인프라·DevOps Docker, Kubernetes, GitLab CI, ArgoCD, Kong 🟢 운영
보안·인증 OAuth, JWT, Spring Security, BYOK, RBAC 🟢 운영
테스트·품질 Playwright, K6, Lighthouse, E2E 🔵 적용
데이터 엔지니어링 ETL, 파이프라인, 시계열(TimescaleDB) ⚪ 역량
외부 연동 Notion API, Toss, 도메인, Cloudflare 🔵 적용

왜 이 기술을 쓰나요?

대부분의 선택은 단일 제품이 아니라 여러 제품(D-SKET 웹빌더·캔버스·이벤트·뉴런)이 함께 쓰는 공통 언어를 고르는 데서 시작해요.

  • 프론트엔드는 React 기반에 Vite로 빌드해서, 웹 에디터·캔버스 인터랙션처럼 무거운 UI를 빠르게 그립니다.
  • 백엔드는 여러 언어가 공존하는 레거시 여정(Spring Boot, NestJS, axum)이지만, 점점 LLM 통합과 API Gateway로 한 축으로 수렴하는 중이에요.
  • AI는 Vercel AI SDK + LLM 추상화 계층으로 특정 벤더에 묶이지 않게 해서, GPT·클로드·로컬 모델을 상황에 따라 갈아 끼웁니다.

자세한 이유와 실제 사용 사례는 각 영역 페이지에서 이어집니다.

더 알아보기