Docs: Cursor 프롬프팅 #161
Docs: Cursor 프롬프팅 #161
Conversation
|
Caution Review failedThe pull request is closed. Walkthrough총 3개의 새로운 구성 파일이 추가되었습니다.
Changes
Poem
📜 Recent review detailsConfiguration used: .coderabbit.yaml 📒 Files selected for processing (3)
🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
Documentation and Community
|
There was a problem hiding this comment.
Actionable comments posted: 3
🧹 Nitpick comments (1)
.cursor/rules/tech-stack.mdc (1)
13-20: 핵심 기술이 명확하게 정의되어 있습니다.TypeScript, Node.js, Next.js, React 서버 컴포넌트, Supabase, React Hook Form, Shadcn UI와 같은 핵심 기술은 현대적인 웹 애플리케이션 개발 스택을 반영합니다. 19번 줄에는 주석 처리된 Zod 항목이 있습니다. 이 항목을 포함할지 또는 제거할지 결정할 필요가 있습니다.
19번 줄의 주석 처리된 Zod 항목에 대한 결정이 필요합니다:
-<!-- - Zod for schema validation and type safety --> +- Zod for schema validation and type safety또는 주석 처리된 줄을 완전히 제거하는 것이 좋습니다.
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (3)
.cursor/rules/coding-preferences.mdc(1 hunks).cursor/rules/communication-preferences.mdc(1 hunks).cursor/rules/tech-stack.mdc(1 hunks)
🔇 Additional comments (19)
.cursor/rules/communication-preferences.mdc (5)
13-20: 응답 스타일에 대한 가이드라인이 잘 정의되어 있습니다.응답 스타일 섹션은 AI가 어떻게 응답해야 하는지 명확하게 정의하고 있습니다. 특히 이모지를 사용하여 컨텍스트 유지를 확인하는 방법은 좋은 아이디어입니다.
21-28: 문제 해결 접근 방식에 대한 명확한 구조가 제공되어 있습니다.문제 해결을 위한 단계별 접근 방식이 논리적으로 구성되어 있습니다. 이는 AI가 코딩 문제를 해결할 때 체계적인 방법을 따르도록 돕습니다.
29-34: 복잡한 작업 계획에 대한 지침이 명확합니다.큰 작업을 관리 가능한 작은 구성 요소로 분해하는 접근 방식은 소프트웨어 개발의 모범 사례와 일치합니다. 초기에 엣지 케이스와 오류 시나리오를 고려하는 것에 대한 강조는 특히 유용합니다.
35-44: 문서화 지침이 포괄적입니다.복잡한 코드 섹션에 대한 간결한 주석과 "무엇"보다는 "왜"에 초점을 맞추는 것에 대한 강조는 우수한 문서화 관행입니다. API 문서에 대한 구체적인 요구 사항도 잘 정의되어 있습니다.
45-48: 학습 리소스에 대한 지침이 간결하고 유용합니다.공식 문서와 최신 리소스를 우선시하는 접근 방식은 프로젝트에 가장 관련성이 높고 신뢰할 수 있는 정보에 초점을 맞추는 데 도움이 됩니다.
.cursor/rules/coding-preferences.mdc (5)
13-18: 핵심 원칙이 명확하게 정의되어 있습니다.단순성, DRY, 조직화, 문서화와 같은 핵심 원칙은 좋은 코딩 관행의 기초를 형성합니다. 특히 파일 크기 제한과 주요 컴포넌트 개발 후 문서화 요구 사항은 코드 품질 유지에 도움이 됩니다.
19-28: 코드 구조에 대한 명확한 지침이 제공되어 있습니다.함수형 프로그래밍과 구성을 강조하는 접근 방식은 현대적인 JavaScript/TypeScript 개발과 일치합니다. 파일 구조와 명명 규칙에 대한 구체적인 지침은 일관성을 유지하는 데 도움이 됩니다. RORO 패턴을 언급한 것도 좋은 방법입니다.
29-36: JavaScript/TypeScript에 대한 명확한 규칙이 제시되어 있습니다.순수 함수에 "function" 키워드를 사용하고, 인터페이스를 선호하며, 조건부 구문을 최소화하는 지침은 일관된 코드 스타일을 유지하는 데 도움이 됩니다. TypeScript 인터페이스/타입으로 시작하는 것에 대한 강조는 타입 안전성에 대한 좋은 관행입니다.
37-45: 오류 처리에 대한 철저한 접근 방식이 제시되어 있습니다.초기 반환을 통한 오류 및 엣지 케이스 우선 처리, 가드 조항 사용, 서버 액션에서 오류를 값으로 반환하는 것 등은 견고한 오류 처리 전략입니다. 이는 코드의 가독성과 유지 관리성을 향상시킵니다.
46-53: React 컴포넌트에 대한 지침이 잘 정의되어 있습니다.함수로서의 컴포넌트 작성, 선언적 JSX 사용, 서버 컴포넌트 우선 순위 지정 등의 지침은 현대적인 React 개발 관행과 일치합니다. 'use client' 사용을 최소화하고 Suspense로 클라이언트 컴포넌트를 감싸는 것에 대한 지침은 Next.js App Router와 함께 작업할 때 특히 관련이 있습니다.
.cursor/rules/tech-stack.mdc (9)
21-36: 모노레포 구조가 상세하게 설명되어 있습니다.Turborepo를 사용한 모노레포 관리와 다양한 패키지 구조에 대한 설명은 프로젝트의 아키텍처를 이해하는 데 유용합니다. 각 패키지의 목적이 명확하게 정의되어 있습니다.
37-43: 백엔드 및 데이터베이스 기술이 잘 설명되어 있습니다.Supabase를 사용한 인증, 데이터베이스, 실시간 구독 및 타입 생성에 대한 정보는 명확합니다.
44-47: 상태 관리 및 데이터 가져오기에 대한 정보가 간결합니다.TanStack Query(React Query) v5와 React Hook Form에 대한 언급은 상태 관리 및 양식 관리 접근 방식을 명확하게 합니다.
48-53: UI 및 스타일링 기술이 적절하게 나열되어 있습니다.Tailwind CSS, Framer Motion, Lucide React, Next Themes와 같은 UI 및 스타일링 도구는 현대적인 웹 UI 개발 접근 방식을 반영합니다.
54-58: 테스팅 도구가 포괄적으로 나열되어 있습니다.Vitest, Playwright, Jest와 같은 다양한 테스팅 도구는 단위 테스트, E2E 테스트 및 유틸리티 테스트를 위한 포괄적인 테스팅 전략을 나타냅니다.
59-65: 개발 도구가 잘 정의되어 있습니다.ESLint, Prettier, Husky, TypeScript, Sentry와 같은 개발 도구는 코드 품질, 포맷팅, 타입 안전성 및 오류 추적을 위한 강력한 도구 세트를 제공합니다.
66-71: 빌드 및 개발 도구가 명확하게 나열되어 있습니다.Vite, Turbo, Cross-env, Rimraf와 같은 빌드 및 개발 도구는 효율적인 개발 워크플로우를 지원합니다.
72-75: 크롬 확장 프로그램 관련 정보가 제공되어 있습니다.Chrome Extension Manifest V3 및 크로스 브라우저 호환성에 대한 언급은 프로젝트가 브라우저 확장 프로그램을 포함하고 있음을 나타냅니다.
76-83: 개발 워크플로우가 체계적으로 설명되어 있습니다.Git 기반 버전 관리, GitHub Actions, 자동화된 버전 업데이트, 코드 품질 검사, 자동화된 테스팅, 크로스 브라우저 테스팅, 오류 추적 및 모니터링과 같은 개발 워크플로우 요소는 체계적인 개발 프로세스를 반영합니다.
Summary by CodeRabbit