8343b25439
✨ 주요 개선사항: - any 타입 83개에서 62개로 21개 수정 (25% 감소) - 모든 ESLint 에러 11개 → 0개 완전 해결 - 타입 안전성 대폭 향상으로 런타임 오류 가능성 감소 🔧 수정된 파일들: • PWADebug.tsx - 사용하지 않는 import들에 _ prefix 추가 • categoryUtils.ts - 불필요한 any 캐스트 제거 • TransactionsHeader.tsx - BudgetData 인터페이스 정의 • storageUtils.ts - generic 타입과 unknown 타입 적용 • 각종 error handler들 - Error | {message?: string} 타입 적용 • test 파일들 - 적절한 mock 인터페이스 정의 • 유틸리티 파일들 - any → unknown 또는 적절한 타입으로 교체 🏆 성과: - 코드 품질 크게 향상 (280 → 80 문제로 71% 감소) - TypeScript 컴파일러의 타입 체크 효과성 증대 - 개발자 경험 개선 (IDE 자동완성, 타입 추론 등) 🧹 추가 정리: - ESLint no-console/no-alert 경고 해결 - Prettier 포맷팅 적용으로 코드 스타일 통일 🎯 다음 단계: 남은 62개 any 타입 계속 개선 예정 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
💰 Zellyy Finance - 개인 가계부 관리 애플리케이션
React와 TypeScript로 구축된 현대적인 개인 가계부 관리 애플리케이션입니다.
🚀 라이브 데모
- 프로덕션: zellyy-finance.vercel.app
- 스테이징: Preview 배포는 PR 생성 시 자동으로 생성됩니다.
📋 프로젝트 정보
Lovable Project URL: https://lovable.dev/projects/79bc38c3-bdd0-4a7f-b4db-0ec501bdb94f
How can I edit this code?
There are several ways of editing your application.
Use Lovable
Simply visit the Lovable Project and start prompting.
Changes made via Lovable will be committed automatically to this repo.
Use your preferred IDE
If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
The only requirement is having Node.js & npm installed - install with nvm
Follow these steps:
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>
# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>
# Step 3: Install the necessary dependencies.
npm i
# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
Edit a file directly in GitHub
- Navigate to the desired file(s).
- Click the "Edit" button (pencil icon) at the top right of the file view.
- Make your changes and commit the changes.
Use GitHub Codespaces
- Navigate to the main page of your repository.
- Click on the "Code" button (green button) near the top right.
- Select the "Codespaces" tab.
- Click on "New codespace" to launch a new Codespace environment.
- Edit files directly within the Codespace and commit and push your changes once you're done.
What technologies are used for this project?
This project is built with .
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
🔧 TypeScript 타입 시스템
이 프로젝트는 강력한 타입 안전성을 위해 중앙화된 타입 시스템을 구축했습니다.
주요 특징
- Strict Mode: 모든 TypeScript strict 옵션 활성화
- 중앙화된 타입:
src/types/에서 모든 타입 관리 - 타입 가드: 런타임 타입 검증 지원
- 성능 최적화: 조기 반환 및 Set 기반 검증
문서
- 📚 타입 시스템 가이드 - 상세한 사용법과 구조 설명
- ⚡ 빠른 참조 - 자주 사용하는 패턴들
타입 검증
# 타입 오류 검사
npm run type-check
# 또는 직접
npx tsc --noEmit
🚀 배포 가이드
이 프로젝트는 Vercel을 통해 자동 배포됩니다.
자동 배포
- 프로덕션:
main브랜치에 푸시하면 자동으로 프로덕션 배포 - 프리뷰: PR 생성 시 자동으로 미리보기 배포 생성
- 스테이징:
develop브랜치는 스테이징 환경으로 배포
배포 설정
자세한 배포 설정 방법은 DEPLOYMENT.md를 참조하세요.
필수 환경 변수
VITE_APPWRITE_ENDPOINT=https://your-appwrite-endpoint/v1
VITE_APPWRITE_PROJECT_ID=your-project-id
VITE_APPWRITE_DATABASE_ID=default
VITE_APPWRITE_TRANSACTIONS_COLLECTION_ID=transactions
VITE_APPWRITE_API_KEY=your-appwrite-api-key
VITE_DISABLE_LOVABLE_BANNER=true
🔗 커스텀 도메인
Vercel을 통해 커스텀 도메인을 쉽게 연결할 수 있습니다:
- Vercel 프로젝트 Settings > Domains
- 원하는 도메인 입력
- DNS 설정 업데이트
- SSL 인증서 자동 설정