refinedev/refine

어떤 프로젝트인가요?

핵심 기능

• 01인증, 액세스 제어, 라우팅, 네트워킹, i18n을 위한 헤드리스 훅과 컴포넌트
• 02REST, GraphQL, Supabase, Strapi, Firebase 등 15개 이상의 백엔드용 커넥터
• 03Ant Design, Material UI, Mantine, Chakra UI 기본 지원 및 커스텀 스타일링
• 04Next.js와 Remix의 SSR 지원 및 다양한 라우터 라이브러리와 호환되는 라우팅
• 05React Query 기반 데이터 페칭과 변경 작업, 라이브/실시간 지원

활용 사례

• 기존 REST 또는 GraphQL API를 기반으로 내부 도구와 관리 패널 구축
• 역할 기반 액세스 제어를 갖춘 B2B 대시보드 제작
• Ant Design이나 MUI 같은 기존 UI 라이브러리로 CRUD 앱을 빠르게 프로토타이핑
• SSR을 적용해 스토어프런트 같은 데이터 중심의 고객용 앱 구축

빠른 시작

1. 1

   create-refine-app 스캐폴더로 새 프로젝트를 만드세요

   npm create refine-app@latest my-refine-app

사용 전 알아둘 점

• !효과적으로 사용하려면 React 기반 스택과 TypeScript에 대한 지식이 필요합니다.
• !React Query와 CRUD 패턴을 중심으로 구축되어 있어 CRUD가 아닌 앱에는 적합하지 않습니다.

토픽

자주 묻는 질문

refine은(는) 무엇인가요?

CRUD 중심의 관리 패널, 대시보드, 내부 도구를 만드는 헤드리스 React 메타 프레임워크입니다. Refine은 관리 패널, 대시보드, 내부 도구, B2B 앱처럼 CRUD 작업이 많은 웹 애플리케이션을 위한 React 메타 프레임워크입니다. 로우코드 빌더와 모든 것을 처음부터 직접 만드는 방식의 중간에 자리하며, 훅과 컴포넌트가 인증, 액세스 제어, 라우팅, 데이터 페칭, 상태 관리, i18n 같은 공통 기능을 처리하는 동안 UI는 개발자가 자유롭게 구성할 수 있습니다.

refine은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

refine은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

refine은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. refine의 마지막 커밋은 2026년 9월 10일입니다.

refine은(는) 어디에 사용할 수 있나요?

기존 REST 또는 GraphQL API를 기반으로 내부 도구와 관리 패널 구축 역할 기반 액세스 제어를 갖춘 B2B 대시보드 제작 Ant Design이나 MUI 같은 기존 UI 라이브러리로 CRUD 앱을 빠르게 프로토타이핑 SSR을 적용해 스토어프런트 같은 데이터 중심의 고객용 앱 구축

refine는 어떻게 설치하나요?

create-refine-app 스캐폴더로 새 프로젝트를 만드세요: npm create refine-app@latest my-refine-app

refine은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/refinedev/refine