marmelab/react-admin

어떤 프로젝트인가요?

핵심 기능

• 0145개 이상의 data provider 어댑터를 통해 REST 또는 GraphQL API에 연결
• 02CRUD 페이지, 데이터 그리드, 유효성 검사가 포함된 폼, 검색 및 필터 제공
• 03인증, 역할 및 권한, 라우팅, i18n, 알림 기능 포함
• 04Material UI 기반이며 모든 컴포넌트를 사용자 정의 컴포넌트로 교체 가능
• 05TypeScript와 JavaScript 모두 지원

활용 사례

• 기존 REST API의 데이터를 관리하는 내부 관리자 패널 구축
• 목록, 수정 폼, 권한 기능을 갖춘 CRM 또는 전자상거래 백오피스 제작
• GraphQL 백엔드에 관리 UI 추가

빠른 시작

1. 1

   npm에서 react-admin 설치

   npm install react-admin
2. 2

   또는 yarn으로 설치

   yarn add react-admin

사용 전 알아둘 점

• !데이터를 제공하려면 백엔드 API(REST, GraphQL 또는 data provider 어댑터)가 필요합니다.

토픽

자주 묻는 질문

react-admin은(는) 무엇인가요?

Material UI를 사용해 REST 또는 GraphQL API 기반의 관리자 대시보드와 백오피스 SPA를 만드는 React 프레임워크입니다. react-admin은 브라우저에서 실행되는 관리자 인터페이스와 데이터 중심 SPA를 만들기 위한 프런트엔드 프레임워크입니다. data provider를 통해 API에 연결하면 Material UI 기반의 CRUD 페이지, 데이터 그리드, 폼, 검색 및 필터, 인증, 라우팅, 권한 기능을 제공합니다.

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

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

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

활발히 유지보수 중. react-admin의 마지막 커밋은 2026년 10월 19일입니다.

react-admin은(는) 어디에 사용할 수 있나요?

기존 REST API의 데이터를 관리하는 내부 관리자 패널 구축 목록, 수정 폼, 권한 기능을 갖춘 CRM 또는 전자상거래 백오피스 제작 GraphQL 백엔드에 관리 UI 추가

react-admin는 어떻게 설치하나요?

npm에서 react-admin 설치: npm install react-admin 또는 yarn으로 설치: yarn add react-admin

react-admin은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/marmelab/react-admin