[Cursor] Cursor Rules 적용

 

 

 

 

 

AI가 없었던 시절에 어떻게 일을 했을까 싶을 정도로 요즘 일을 하면서 많은 부분에서 사용하는 것 같다. 이제는 ai를 어떻게 쓰느냐, 얼마나 잘 쓰느냐 또한 사람을 평가하는 척도가 되지 않을까? 

 

오늘은 cursor를 조금 더 똑똑하게 사용하는 방법을 공유하고자 한다. 바로 커서에서 규칙을 적용하는 것!!

미리 규칙을 정해줘서 커서가 미리 사전 내용을 숙지한 상태로 나의 물음에 답하게 하는것이다.

근데 이미 잘 해주는데 굳이? 라고 한다면..

종종 물어보면 "~이 뭐하는건지 파악해보겠습니다", "~ 기능을 하는걸 확인했네요" 라고 하거나, 조금 뜬금포 대답을 하는 경우가 있는데, 이렇게 미리 설정해 준다면 그러한 시간과 대답의 속도와 정확성을 얻을 수 있을 것이다. 또한 만약 여러명이 붙어서 작업한다면 개인마다 학습방향이 다를 수 있는데 이를 공통된 규칙으로 묶어준다면 커서를 통해서 나온 결과물의 통일성도 얻을 수 있을 것이다. 그럼 바로 규칙 적용을 시작해보자.

 

Cursor Rules  적용하기

1. 커서 환경설정에 진입한다

 

2. Rules & Memories 탭 선택

 

 

해당 탭을 선택해서 들어오면 깔끔한 나의 규칙을 확인할 수 있다 ^^; 어서 하나 추가해보자. 

User Rules는 사용하는 계정의 규칙을, Project Rules는 현재 있는 프로젝트의 규칙을 설정해주는 작업이다.

일반적인 규칙을 정하려면 위에, 지금 작업 중인 작업에 한해서 규칙을 설정하고 싶다면 아래에 추가해주면 되겠다. 추가 버튼을 클릭하면 .cursor 파일이 생성되고 여기다가 알릴 내용을 추가하면 된다.

 

3. 규칙 적어주기

 

---
description: 나의 프로젝트
globs: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx']
alwaysApply: true

## 파일 생성 규칙

### 폴더 구조 규칙

- **app/**: Next.js App Router 페이지 (URL 매핑용만)
- **features/**: 도메인별 UI 컴포넌트, 훅, 서비스
- **lib/**: Clean Architecture useCase 패턴 (API 레이어)
- **components/**: 공통 컴포넌트
  - `core/`: 최소 단위 UI 컴포넌트
  - `modules/`: 기능 단위 UI 컴포넌트
  - `hook/`: 공통 훅
  - `constant/`: 공통 상수

 

나는 프로젝트의 구조 정도를 적어두었다.

위 내용 아래에 추가로 디자인 스타일이나, 경로 규칙, 코딩 스타일등을 추가해둘 수 있겠다. 

혹은 이 또한 커서에게 부탁해도 된다. 해당 규칙에 사용할 법한 내용을 추천해달라고 요청해주면 자세히 뽑아준다. 해당 내용에서 제거할 부분은 제거하고, 추가 하고싶은 부분에 있어서만 추가해주면 된다.

 

저장후 새로운 명령어를 실행시키면 해당 규칙이 적용된 상태로 실행되는걸 볼 수 있다 :)

 

---

 

극한의 '해줘'도 실력이다.