기술 스택

TapoWise 뒤의 기술에 대한 투명한 시각 — 에디터에서 클라우드까지 모든 레이어.

Frontend & UI

The core technologies powering the user interface — from rendering to interaction design.

React 19

The latest React with concurrent features, server components support, and compiler-level optimizations.

핵심 기술

Next.js

Powers our web presence with App Router, ISR, and edge-optimized rendering across 12 locales.

핵심 기술

Tailwind CSS 4

Utility-first CSS with the new Oxide engine — zero-config, lightning fast, beautifully expressive.

핵심 기술

Radix UI

Unstyled, accessible component primitives — dialogs, menus, popovers, tooltips — built right.

Framer Motion

Production-grade animation library for React. Every transition, gesture, and scroll effect runs through it.

next-intl

Full internationalization for Next.js — routing, message formatting, and locale management for 12 languages.

Editor & Content

The engine behind our block-based editor, Markdown pipeline, and rich text experience.

Tiptap

Headless, extensible rich-text editor framework based on ProseMirror. The heart of our block editor.

핵심 기술

Marked

Fast Markdown parser and compiler. Handles the raw Markdown ↔ HTML pipeline for import/export.

Highlight.js

Syntax highlighting for 40+ languages inside code blocks — from TypeScript to Rust to SQL.

Data & State

How we manage data locally, sync it across devices, and keep everything reactive.

WatermelonDB

Local-first, reactive database built for performance. Handles tens of thousands of notes without breaking a sweat.

핵심 기술

Supabase

Open-source backend for auth, real-time subscriptions, and cloud storage. Powers TwiceSync's server layer.

핵심 기술

Zustand

Tiny, fast state management with zero boilerplate. Stores UI state, preferences, and session data.

RxJS

Reactive extensions for event streams, real-time sync pipelines, and complex async orchestration.

Zod

TypeScript-first schema validation. Every API payload, form input, and config file is validated through Zod.

Desktop & Platform

What makes TapoWise a native desktop application with full system-level access.

Electron

Cross-platform desktop framework. Gives TapoWise full access to the file system, native menus, and OS integration.

핵심 기술

Sharp

High-performance image processing — resizing, compression, and format conversion for vault assets.

Chokidar

File system watcher that detects external changes to your vault files in real time.

Visualization & Graphics

Technologies driving the knowledge graph, 3D elements, and interactive visual layers.

Sigma.js

WebGL-powered graph rendering engine. Draws the interactive knowledge graph with thousands of nodes at 60fps.

핵심 기술

Graphology

Graph data structure and algorithms library. ForceAtlas2 layout, clustering, and traversal behind the knowledge graph.

Three.js

3D rendering library for WebGL. Powers immersive visual elements and experimental 3D views.

AI & Automation

The intelligence layer — from semantic search to workflow automation.

Claude

Anthropic's AI model — powering semantic search, intelligent suggestions, and content understanding.

핵심 기술

Gemini

Google's multimodal AI. Used for vision tasks, image understanding, and alternative model routing.

n8n

Open-source workflow automation. Orchestrates background pipelines, notifications, and data processing.

Infrastructure & Cloud

The services and platforms that keep everything running, deployed, and secure.

Vercel

Edge-first deployment platform. Every push to main is live globally in seconds.

핵심 기술

Cloudflare

CDN, DDoS protection, and edge computing. Shields and accelerates everything between users and servers.

Sentry

Error monitoring and performance tracing. Catches crashes, slow queries, and regressions before users do.

Resend

Developer-first email API. Powers transactional emails — auth, billing, and notifications — with React templates.

Developer Tooling

The tools our team uses daily to build, test, and ship with confidence.

TypeScript

Strict TypeScript across the entire monorepo — client, desktop, shared libs, and API. Zero `any`.

핵심 기술

Vite

Next-gen build tool for the client app. Instant HMR, blazing builds, native ESM-first architecture.

핵심 기술

Vitest

Vite-native test runner. Unit, integration, and component tests — fast, parallel, and TypeScript-first.

Biome

All-in-one linter, formatter, and code analyzer. Replaced ESLint + Prettier with a single, faster tool.

Playwright

End-to-end testing across browsers. Critical user flows are tested on every commit.

Linear

Issue tracking and project management built for modern software teams. Every bug, feature, and sprint lives here.

우리는 제품을 만드는 방식과 같은 방식으로 도구를 선택합니다 — 의도적으로, 수명에 대한 배려와 개발자와 사용자 모두를 존중하는 기술에 대한 편향을 가지고.