zellyy-finance/docs/02_기술_문서/02_기술스택.md

기술 스택

Zellyy Finance 프로젝트 개발에 사용된 전체 기술 스택을 정리합니다.

Frontend

• 언어: TypeScript, JavaScript
• 프레임워크: React 18.x
• 번들러/빌드 도구: Vite
• UI 라이브러리: Shadcn UI, Radix UI
• 스타일링: Tailwind CSS
• 라우팅: React Router DOM
• 상태 관리: React Context, @tanstack/react-query
• 폼 관리: React Hook Form (@hookform/resolvers)
• 알림: Radix UI Toast, 사용자 정의 토스트 훅

Backend

• Backend-as-a-Service: Appwrite 17.x
• 인증/인가: Appwrite Auth
• 데이터베이스: Appwrite Databases (컬렉션)
• 스토리지: Appwrite Storage
• API: Appwrite SDK (RESTful)

Mobile (Cross-platform)

• 플랫폼: Capacitor
• 패키지: @capacitor/core, @capacitor/cli, @capacitor/android, @capacitor/ios
• 플러그인: Keyboard, Splash Screen 등

Utilities & Tools

• 코드 스타일 및 검사: ESLint
• HTTP 클라이언트: Appwrite SDK, fetch
• 데이터 페칭: @tanstack/react-query
• UUID 생성: uuid (@types/uuid)

배포 및 운영

• 개발 서버: Vite dev server
• 패키지 매니저: npm

개발 환경 및 도구

• IDE: Visual Studio Code
• 버전 관리: Git (GitHub)