AI로 코드 작성하기

ChatGPT, Claude, Gemini, Cursor 같은 AI 도구에게 FreeGrid 코드를 부탁할 때는 먼저 https://freegrid.app/llms-full.txt를 읽게 하세요. 모든 옵션, 메서드, 이벤트, 예제가 한 파일에 정리된 AI용 문서입니다. 짧은…

ChatGPT, Claude, Gemini, Cursor 같은 AI 도구에게 FreeGrid 코드를 부탁할 때는 먼저 https://freegrid.app/llms-full.txt를 읽게 하세요. 모든 옵션, 메서드, 이벤트, 예제가 한 파일에 정리된 AI용 문서입니다. 짧은 소개만 필요하면 /llms.txt를 쓰면 됩니다. 인터넷을 볼 수 없는 도구라면 파일 내용을 복사해 대화에 붙여 넣으세요.

요청할 때는 버전(0.8), 사용하는 프레임워크, 컬럼과 동작을 구체적으로 적고, "문서에 없는 옵션은 만들지 말라"고 덧붙이면 틀린 코드가 크게 줄어듭니다.

https://freegrid.app/llms-full.txt 문서를 읽고, @freegridjs/core 0.8로 답해 줘.
문서에 없는 옵션이나 메서드는 만들지 말고, 필요하면 없다고 말해 줘.

[만들 화면]
주문 목록 그리드를 React로 만들어 줘.
- 컬럼: 주문번호(왼쪽 고정), 주문일(날짜), 고객명, 수량, 단가, 금액(수량×단가), 상태(선택 목록: 접수/배송중/완료)
- 수량·단가·상태는 편집 가능, 수량은 0 이상만 허용
- 맨 아래 합계 행, 엑셀 내보내기 버튼
- 한국어 UI, erp 테마

프로젝트에서 AI 코딩 도구를 계속 쓴다면, 아래 내용을 AGENTS.md, CLAUDE.md, .cursorrules 같은 규칙 파일에 넣어 두세요. 매번 설명하지 않아도 같은 방식으로 코드를 만듭니다.

# FreeGrid (AGENTS.md, CLAUDE.md or .cursorrules)
- Data grids use @freegridjs/core (React: @freegridjs/react, Vue: @freegridjs/vue,
  Svelte: @freegridjs/svelte, Angular: @freegridjs/angular). Import '@freegridjs/core/styles.css' once.
- Reference: https://freegrid.app/llms-full.txt — use only the options, methods and events listed there.
- The grid container needs a height. Give rows a stable id with getRowId.
- Prefer built-in features (summary, filters, export, editing rules) over custom code.

AI가 만든 코드는 실행해 보고 확인하세요. 오류가 나면 오류 메시지와 함께 "llms-full.txt 기준으로 고쳐 줘"라고 다시 요청하면 됩니다.