c231d5be65
주요 변경사항: • Clerk 인증 시스템 통합 및 설정 • Supabase 데이터베이스 스키마 설계 및 적용 • JWT 기반 Row Level Security (RLS) 정책 구현 • 기존 Appwrite 인증을 Clerk로 완전 교체 기술적 개선: • 무한 로딩 문제 해결 - Index.tsx 인증 로직 수정 • React root 마운팅 오류 수정 - main.tsx 개선 • CORS 설정 추가 - vite.config.ts 수정 • Sentry 에러 모니터링 통합 추가된 컴포넌트: • AuthGuard: 인증 보호 컴포넌트 • SignIn/SignUp: Clerk 기반 인증 UI • ClerkProvider: Clerk 설정 래퍼 • EnvTest: 개발환경 디버깅 도구 데이터베이스: • user_profiles, transactions, budgets, category_budgets 테이블 • Clerk JWT 토큰 기반 RLS 정책 • 자동 사용자 프로필 생성 및 동기화 Task Master: • Task 11.1, 11.2, 11.4 완료 • 프로젝트 관리 시스템 업데이트 Note: ESLint 정리는 별도 커밋에서 진행 예정 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
44 lines
3.1 KiB
Plaintext
44 lines
3.1 KiB
Plaintext
# Task ID: 2
|
|
# Title: 코드 품질 개선 및 린팅 설정
|
|
# Status: done
|
|
# Dependencies: 1
|
|
# Priority: high
|
|
# Description: console.log 제거, 빌드 오류 수정, ESLint/Prettier 설정을 통해 코드 품질을 개선합니다.
|
|
# Details:
|
|
1. 프로젝트 전체에서 console.log 81개 제거 (production에서는 삭제, development에서는 logger 라이브러리 사용) 2. SupabaseToAppwriteMigration import 오류 수정 3. ESLint 규칙 강화 (@typescript-eslint/recommended, react-hooks/recommended 추가) 4. Prettier 설정 추가 (.prettierrc, .prettierignore 파일 생성) 5. pre-commit hook 설정으로 자동 포맷팅
|
|
|
|
# Test Strategy:
|
|
ESLint 오류 0개, Prettier 포맷팅 자동 적용 확인, 빌드 성공 확인, 불필요한 console.log가 production 빌드에 포함되지 않는지 검증
|
|
|
|
# Subtasks:
|
|
## 1. 프로젝트 전체 console.log 제거 및 로거 설정 [done]
|
|
### Dependencies: None
|
|
### Description: 프로젝트 전체에서 발견된 81개의 console.log를 제거하고, development 환경에서는 적절한 logger 라이브러리로 대체합니다.
|
|
### Details:
|
|
1. 프로젝트 전체에서 console.log 검색 및 위치 파악 2. production 환경에서는 완전 제거 3. development 환경에서 필요한 로깅은 winston 또는 pino 같은 적절한 logger 라이브러리로 대체 4. 환경별 로깅 레벨 설정
|
|
|
|
## 2. SupabaseToAppwriteMigration import 오류 수정 [done]
|
|
### Dependencies: None
|
|
### Description: SupabaseToAppwriteMigration 관련 import 오류를 해결하고 빌드 오류를 수정합니다.
|
|
### Details:
|
|
1. SupabaseToAppwriteMigration 관련 모든 import 문 검토 2. 존재하지 않는 파일이나 잘못된 경로 수정 3. TypeScript 타입 오류 해결 4. 사용하지 않는 import 제거
|
|
|
|
## 3. ESLint 규칙 설정 및 강화 [done]
|
|
### Dependencies: 2.1, 2.2
|
|
### Description: ESLint 설정에 @typescript-eslint/recommended와 react-hooks/recommended 규칙을 추가하여 코드 품질을 향상시킵니다.
|
|
### Details:
|
|
1. .eslintrc 파일 수정하여 @typescript-eslint/recommended 규칙 추가 2. react-hooks/recommended 규칙 추가 3. 프로젝트에 맞는 커스텀 규칙 설정 4. 기존 코드에서 발생하는 린트 오류 수정
|
|
|
|
## 4. Prettier 설정 및 코드 포맷팅 [done]
|
|
### Dependencies: 2.3
|
|
### Description: .prettierrc와 .prettierignore 파일을 생성하고 프로젝트 전체 코드를 일관된 스타일로 포맷팅합니다.
|
|
### Details:
|
|
1. .prettierrc 파일 생성 및 프로젝트 스타일 가이드 설정 2. .prettierignore 파일 생성하여 포맷팅 제외 파일 설정 3. 프로젝트 전체 코드에 Prettier 적용 4. ESLint와 Prettier 충돌 방지 설정
|
|
|
|
## 5. pre-commit hook 설정 및 자동화 [done]
|
|
### Dependencies: 2.4
|
|
### Description: Husky와 lint-staged를 사용하여 pre-commit hook을 설정하고 커밋 시 자동으로 린팅과 포맷팅이 실행되도록 구성합니다.
|
|
### Details:
|
|
1. Husky 설치 및 설정 2. lint-staged 설치 및 설정 3. pre-commit hook에서 ESLint와 Prettier 자동 실행 설정 4. package.json에 관련 스크립트 추가 5. 팀원들을 위한 설정 가이드 작성
|
|
|