# 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. 팀원들을 위한 설정 가이드 작성