react-admin

(★ 26,905)

TypeScript, React, Material Design을 사용하여 REST/GraphQL API 기반의 싱글 페이지 애플리케이션을 구축하기 위한 프론트엔드 프레임워크

파일 탐색기

최종 버전 다운로드 (.zip)

파일 수가 많아 일부만 표시됩니다. 전체 파일은 위 다운로드 버튼으로 확인해 주세요.

- - Bug_report.md
  - Custom.md
  - Feature_request.md
- - codeql-analysis.yml
  - deploy-doc-headless.yml
  - test.yml
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- FUNDING.yml
- pull_request_template.md
- release.yml
- main.ts
- manager.ts
- preview-head.html
- preview.tsx
- - yarn-4.0.2.cjs
- - core.ts
- - auth.cy.js
  - create.cy.js
  - custom-forms.cy.js
  - customPages.cy.js
  - edit.cy.js
  - list.cy.js
  - mobile.cy.js
  - navigation.cy.js
  - permissions.cy.js
  - show.cy.js
  - tabs-with-routing.cy.js
- - CreatePage.js
  - CustomFormPage.js
  - CustomPage.js
  - EditPage.js
  - index.js
  - ListPage.js
  - LoginPage.js
  - ShowPage.js
- cypress.config.js
- package.json
- server.js
- start.js
- tsconfig.json
- webpack.config.js
- - banner.html
  - banner_script.html
  - nav.html
  - newsletter.html
  - ra-monochrome.svg
  - versions.html
- - default.html
- - features.md_ignore
  - logo_white.png
  - tips.md_ignore
- - docsearch.css
  - materialize.min.css
  - newsletter.css
  - prism.css
  - style-v20.css
  - style-v21.css
  - style-v22.css
  - syntax.css
  - tocbot.css
- - AccessControl.mp4
  - accessDenied.png
  - accessibility.webp
  - actions-toolbar.png
  - adminError.png
  - AppBar-children.png
  - AppBar-color.png
  - AppBar-user-menu.mp4
  - AppBar-user-menu.webm
  - AppBar.mp4
  - AppBar.webm
  - array-field.webp
  - array-input-block.webp
  - array-input-item-label.png
  - array-input.gif
  - array-input.mp4
  - array-input.webm
  - ArrayInput-global-validation.png
  - aside.png
  - atomic-crm.png
  - authenticationError.png
  - authProvider-OAuth-flow.png
  - autocomplete-array-input-create.gif
  - autocomplete-array-input-create.mp4
  - autocomplete-array-input-create.webm
  - autocomplete-array-input.gif
  - autocomplete-array-input.mp4
  - autocomplete-array-input.webm
  - autocomplete-input-with-create.mp4
  - autocomplete-input-with-create.webm
  - autocomplete-input.gif
  - autocomplete-input.mp4
  - autocomplete-input.webm
  - AutocompleteInput-createItemLabel.png
  - AutocompleteInput-createLabel.png
  - AutocompleteInput-onCreate.mp4
  - AutoPersistInStore.mp4
  - AutoRefresh.mp4
  - AutoSave.mp4
  - AutoSave.webm
  - beginner_mode.mp4
  - blog_demo.png
  - boolean-field.png
  - boolean-input.gif
  - boolean-input.mp4
  - boolean-input.png
  - boolean-input.webm
  - box.webp
  - breadcrumb-separator.png
  - bulk-actions-toolbar.gif
  - bulk-actions-toolbar.mp4
  - bulk-delete-button.png
  - bulk-export-button.png
  - bulk-update-button.png
  - BulkActionButtons.jpg
  - BulkDeleteButton_Success.png
  - BulkUpdateButton-InputSelectorForm.mp4
  - BulkUpdateButton-InputSelectorForm.webm
  - BulkUpdateButton-SimpleForm.mp4
  - BulkUpdateButton-SimpleForm.webm
  - bwDarkTheme1.jpg
  - bwDarkTheme2.jpg
  - bwLightTheme1.jpg
  - bwLightTheme2.jpg
  - Calendar.jpg
  - calendar.mp4
  - checkbox-group-input.gif
  - checkbox-group-input.mp4
  - checkbox-group-input.png
  - checkbox-group-input.webm
  - CheckboxGroupInput-labelPlacement.png
  - CheckboxGroupInput-options.png
  - CheckboxGroupInput-row.png
  - CheckForApplicationUpdate.png
  - chip-field.png
  - CollaborativeDemo.mp4
  - ColumnsButton.mp4
  - CompleteCalendar.png
  - components.webp
  - confirm-dialog.png
  - confirm.webp
  - container-layout.png
  - count.webp
  - create-button-fab.png
  - create-button.png
  - create-react-admin.mp4
  - create-react-admin.webm
  - create-view.png
  - CreateSuccess.png
  - CRUD.mp4
  - CRUD.webm
  - custom-form-layout.png
  - custom-iterator.png
  - custom-menu.gif
  - custom-menu.mp4
  - custom-menu.png
  - custom-menu.webm
  - custom-route-nolayout.png
  - custom-route-title.png
  - custom-scheduler.webp
  - custom-switch-icon.png
  - custom_appbar.png
  - dark-theme.png
  - dashboard.png
  - data-provider.png
  - datagrid-headers-pinning.mp4
  - datagrid-select-range.mp4
  - datagrid-sx-styled.webp
  - datagrid-sx-unstyled.webp
  - datagrid-theme-styled.webp
  - datagrid-theme-unstyled.webp
  - Datagrid.jpg
  - datagrid.mp4
  - datagrid_expand.gif
  - datagrid_expand.mp4
  - datagrid_expand.webm
  - DatagridAG-auto-size.png
  - DatagridAG-dark.png
  - DatagridAG-edit-cell.png
  - DatagridAG-edit-row.png
  - DatagridAG-flex.png
  - DatagridAG-MasterDetail.png
  - DatagridAG-PostList.png
  - DatagridAG-ra-fields.png
  - DatagridAG-select-rows.png
  - DatagridAG-selected-rows.png
  - DatagridAG-status-bar.png
  - DatagridAG-sx-height.png
  - DatagridAG-sx.png
  - DatagridAG.jpg
  - DatagridAGClient.png
  - DatagridConfigurable.gif
  - DatagridConfigurable.mp4
  - DatagridConfigurable.webm
  - DataTableColumnCellSx.png
  - DataTableColumnSource.png
  - DataTableColumnType.png
  - DataTableCustomField.png
  - DataTableFooter.png
  - DataTableHeader.png
  - DataTableInput-dialog.png
  - DataTableInput-select.png
  - DataTableNumberCol.png
  - DataTableRowSx.png
  - date-input.gif
  - date-input.mp4
  - date-input.webm
  - date-picker.gif
  - date-picker.mp4
  - date-picker.webm
  - date-time-input.gif
  - date-time-input.mp4
  - date-time-input.webm
  - DateField.png
  - DateInput-MUI.png
  - DateRangeInput.png
  - DateTimeInput-MUI.png
  - defaultDarkTheme1.jpg
  - defaultDarkTheme2.jpg
  - defaultLightTheme1.jpg
  - defaultLightTheme2.jpg
  - DeleteButton.png
  - DeleteButton_success.png
  - demo-CRM.png
  - demo-ecommerce-ee.png
  - demo-ecommerce-oss.png
  - demo-help-desk.png
  - demo-themes.mp4
  - dense.webp
  - Deploy-Cloudflare-Pages.png
  - developer-portal.png
  - disabled-input.png
  - edit-button.png
  - edit-from-react-to-react-admin.webp
  - edit-view-example.png
  - edit-view.png
  - editable-post.png
  - editableDatagrid-actions.mp4
  - editableDatagrid-custom_side_effect.mp4
  - editableDatagrid-mutationMode.mp4
  - editableDatagrid-noDelete.png
  - editableDatagrid-referenceManyField.mp4
  - EditLive.png
  - EditSuccess.png
  - error.webp
  - export-button.gif
  - export-button.mp4
  - export-button.png
  - export-button.webm
  - field-addlabel.png
  - file-input.png
  - filter-list-cumulative.gif
  - filter-list-cumulative.mp4
  - filter-list-cumulative.webm
  - filter-live-search.gif
  - filter-live-search.mp4
  - filter-live-search.webm
  - filter-sidebar.gif
  - filter-sidebar.mp4
  - filter-sidebar.webm
  - filter_with_submit.gif
  - filter_with_submit.mp4
  - filter_with_submit.webm
  - FilterButtonFormCombo.jpg
  - FilterList.jpg
  - FilterLiveForm.mp4
  - FilterLiveForm.png
  - filters.gif
  - filters.mp4
  - filters.webm
  - form-layouts.png
  - form-toolbar.png
  - Forms.png
  - FormTab-dynamic-label.png
  - grid.webp
  - guessed-edit.png
  - guessed-list.png
  - guessed-show.png
  - HorizontalMenu.png
  - houseDarkTheme1.jpg
  - houseDarkTheme2.jpg
  - houseLightTheme1.jpg
  - houseLightTheme2.jpg
  - identity.png
  - image-input.png
  - infinite-book-list.mp4
  - infinite-book-list.webm
  - infinite-book-list.webp
  - infinite-pagination-count.webp
  - infinite-pagination-load-more.webp
  - InPlaceEditor.mp4
  - InPlaceEditorChildren.png
  - InPlaceEditorField.mp4
  - InPlaceEditorNotifyOnSuccess.png
  - InPlaceEditorShowButtons.png
  - input-full-width.png
  - input-grid.webp
  - input-helper-text.png
  - inputs.webp
  - install-next-js-command-line.png
  - kanban-board.png
  - Labeled.png
  - layout-component.gif
  - layout-component.mp4
  - layout-component.webm
  - layout-responsive.gif
  - layout-responsive.mp4
  - layout-responsive.webm
  - layouts.png
  - lazy-resource.png
  - list-button.png
  - list-children.webp
  - list-empty.png
  - List-facets.png
  - list-from-react-to-react-admin.webp
  - list-pagination.webp
  - list-title.png
  - list-view.jpg
  - list_ant_design.png
  - list_aside.webp
  - list_filter.mp4
  - list_with_customized_css.png
  - ListLive.png
  - LocalesMenuButton.gif
  - LocalesMenuButton.mp4
  - LocalesMenuButton.webm
  - locks-demo.gif
  - locks-demo.mp4
  - locks-demo.webm
  - login-form.png
  - login.gif
  - login.mp4
  - login.webm
  - LoginCustomBackground.jpg
  - LoginWithContent.jpg
  - LoginWithEmail.jpg
  - logout.gif
  - logout.mp4
  - logout.webm
  - long-text-input.png
  - markdown-input.gif
  - markdown-input.mp4
  - markdown-input.webm
  - menu-custom-shortcuts.png
  - menu-shortcuts.png
  - menu-with-children.png
  - menu-with-dashboard.webp
  - menu.svg
  - menu.webp
  - MenuLive.png
  - mobile-post-list.png
  - multilevelmenu.png
  - nanoDarkTheme1.jpg
  - nanoDarkTheme2.jpg
  - nanoLightTheme1.jpg
  - nanoLightTheme2.jpg
  - navidrome.png
  - next-admin-with-app-router-folder-structure.png
  - next-admin-with-page-router-folder-structure.png
  - nextjs-file-structure-app-router.png
  - nextjs-file-structure.png
  - nextjs-react-admin.webp
  - nextjs-setup.webp
  - not-found.png
  - notification.webp
  - nullable-boolean-input-null-label.png
  - nullable-boolean-input.gif
  - nullable-boolean-input.mp4
  - nullable-boolean-input.webm
  - number-field.webp
  - number-input.gif
  - number-input.mp4
  - number-input.webm
  - openid-connect-example.png
  - pagination-buttons.gif
  - pagination-buttons.mp4
  - pagination-buttons.webm
  - password-input-visible.png
  - password-input.png
  - post-deletion.png
  - post-edition.png
  - post-show.png
  - PredictiveTextInput-multiline.png
  - PredictiveTextInput.mp4
  - premium.svg
  - prev-next-buttons-edit.mp4
  - prev-next-buttons-edit.webm
  - prev-next-buttons-show.mp4
  - prev-next-buttons-show.webm
  - prev-next-buttons.mp4
  - prev-next-buttons.webm
  - providers.png
  - quick_filters.gif
  - quick_filters.mp4
  - quick_filters.webm
  - ra-longform-cardinality.png
  - ra-longform-overview.gif
  - ra-longform-overview.mp4
  - ra-longform-overview.webm
  - ra-rbac.mp4
  - ra-search-keyboard-shortcut-icon.png
  - ra-tree-lazy.mp4
  - ra-tree-lazy.webm
  - ra-tree.gif
  - ra-tree.mp4
  - ra-tree.webm
  - radiantDarkTheme1.jpg
  - radiantDarkTheme2.jpg
  - radiantLightTheme1.jpg
  - radiantLightTheme2.jpg
  - radio-button-group-input-row.gif
  - radio-button-group-input-row.mp4
  - radio-button-group-input-row.webm
  - radio-button-group-input.gif
  - radio-button-group-input.mp4
  - radio-button-group-input.webm
  - react-admin-demo-still.png
  - react-query-devtools.png
  - RealtimeMenu.png
  - RecordField.png
  - reference-array-field.png
  - reference-array-input-datatable-input-dialog.png
  - reference-array-input.gif
  - reference-array-input.mp4
  - reference-array-input.webm
  - reference-field-link.png
  - reference-field.png
  - reference-input-datatable-input-dialog.png
  - reference-input-filter.mp4
  - reference-input-filter.webm
  - reference-input.gif
  - reference-input.mp4
  - reference-input.webm
  - reference-many-field-datagrid.png
  - reference-many-field-single-field-list.png
  - reference-many-input-band-edit.png
  - reference-many-input.gif
  - reference-many-input.mp4
  - reference-many-input.webm
  - reference-many-to-many-field.png
  - reference-one-field-many.png
  - reference-one-field.png
  - reference-one-input.mp4
  - reference-one-input.webm
  - reference-posts.png
  - reference_field_show.png
  - reference_many_count.webp
  - reference_many_field.png
  - ReferenceArrayField-default-child.png
  - ReferenceManyFieldFilterInput.mp4
  - remix-structure.png
  - resettable-long-text-input.png
  - resettable-select-input.png
  - resettable-text-input.gif
  - resettable-text-input.mp4
  - resettable-text-input.webm
  - responsive-list.gif
  - responsive-list.mp4
  - responsive-list.webm
  - responsive.mp4
  - responsive.webm
  - rich-text-field.png
  - rich-text-input.gif
  - rich-text-input.mp4
  - SaveButton.png
  - SavedQueriesList.gif
  - SavedQueriesList.mp4
  - SavedQueriesList.webm
  - Search.jpg
  - search_input.gif
  - search_input.mp4
  - search_input.webm
  - select-array-input-create.gif
  - select-array-input-create.mp4
  - select-array-input-create.webm
  - select-array-input.gif
  - select-array-input.mp4
  - select-array-input.webm
  - select-input.gif
  - select-input.mp4
  - select-input.webm
  - SelectAllButton.png
  - SelectColumnsButton.gif
  - SelectColumnsButton.mp4
  - SelectColumnsButton.webm
  - SelectField.png
  - SelectInput-onCreate.mp4
  - show-button.png
  - show-line-tree.png
  - show-view.png
  - ShowLive.png
  - simple-form-iterator-fullWidth-false.png
  - simple-form-iterator-fullWidth.png
  - simple-form-iterator-inline.webp
  - simple-form-iterator-not-inline.webp
  - simple-form.webp
  - simple-list.gif
  - simple-list.mp4
  - simple-list.webm
  - simple-post-list.png
  - simple-user-list.png
  - simpleform-layout.png
  - SimpleFormConfigurable.gif
  - SimpleFormConfigurable.mp4
  - SimpleFormConfigurable.webm
  - SimpleList.jpg
  - SimpleListConfigurable.gif
  - SimpleListConfigurable.mp4
  - SimpleListConfigurable.webm
  - SimpleShowLayout.png
  - SimpleShowLayout_small.png
  - singlefieldlist-datagrid.png
  - singlefieldlist.png
  - sort-button.gif
  - sort-button.mp4
  - sort-button.webm
  - sort-column-header.gif
  - sort-column-header.mp4
  - sort-column-header.webm
  - SPA-lifecycle.png
  - stack-row.webp
  - stack.webp
  - StackedFilters.jpg
  - sx-class-name.png
  - sx-documentation.png
  - tabbed-form.gif
  - tabbed-form.mp4
  - tabbed-form.webm
  - tabbed-show.gif
  - tabbed-show.mp4
  - tabbed-show.webm
  - TabbedForm-layout.png
  - TabbedFormWithRevision.mp4
  - TabbedShowLayout_small.png
  - tanstack-admin.png
  - tanstack-structure.png
  - team-wiki.jpg
  - text-array-field.png
  - text-input.gif
  - text-input.mp4
  - text-input.webm
  - TextArrayInput.mp4
  - time-input-edge.gif
  - time-input-edge.mp4
  - time-input-edge.webm
  - time-input-firefox.gif
  - time-input-firefox.mp4
  - time-input-firefox.webm
  - TimeInput-MUI.png
  - Title.png
  - TitleConfigurable.mp4
  - TitleConfigurable.webm
  - todos.jpg
  - ToggleThemeButton.gif
  - ToggleThemeButton.mp4
  - ToggleThemeButton.webm
  - Toolbar.png
  - translatable-fields-basic.mp4
  - translatable-fields-basic.webm
  - translatable-fields-with-custom-selector.mp4
  - translatable-fields-with-custom-selector.webm
  - translatable-input.gif
  - translatable-input.mp4
  - translatable-input.webm
  - TranslatableFields.png
  - TranslatableInputs-row.png
  - translation.gif
  - translation.mp4
  - translation.webm
  - tree.png
  - treewithdetails.gif
  - treewithdetails.mp4
  - treewithdetails.webm
  - tutorial_custom_styles.png
  - tutorial_edit_guesser.gif
  - tutorial_edit_guesser.mp4
  - tutorial_edit_guesser.webm
  - tutorial_empty.png
  - tutorial_guessed_list.png
  - tutorial_guessed_post_list.png
  - tutorial_list_user_name.png
  - tutorial_list_user_name_link.png
  - tutorial_mobile_post_list.gif
  - tutorial_mobile_post_list.mp4
  - tutorial_mobile_post_list.webm
  - tutorial_mobile_user_list.gif
  - tutorial_mobile_user_list.mp4
  - tutorial_mobile_user_list.webm
  - tutorial_overview.mp4
  - tutorial_overview.png
  - tutorial_post_create.gif
  - tutorial_post_create.mp4
  - tutorial_post_create.webm
  - tutorial_post_edit_undo.gif
  - tutorial_post_edit_undo.mp4
  - tutorial_post_edit_undo.webm
  - tutorial_post_list_less_columns.png
  - tutorial_post_title.png
  - tutorial_show_user.mp4
  - tutorial_simple_list.webp
  - tutorial_url_field.png
  - tutorial_user_list_responsive.gif
  - tutorial_user_list_responsive.mp4
  - tutorial_user_list_responsive.webm
  - tutorial_users_list.png
  - tutorial_users_list_selected_columns.png
  - typescript.mp4
  - typescript.webm
  - updatebutton.mp4
  - updatebutton.png
  - updatebutton.webm
  - use-notify-node.png
  - useInfiniteGetList.gif
  - useInfiniteGetList.mp4
  - useInfiniteGetList.webm
  - useLockOnCall.gif
  - useLockOnCall.mp4
  - useLockOnCall.webm
  - useLockOnMount.gif
  - useLockOnMount.mp4
  - useLockOnMount.webm
  - useSubscribe.gif
  - useSubscribe.mp4
  - useSubscribe.webm
  - useSubscribeCallback.gif
  - useSubscribeCallback.mp4
  - useSubscribeCallback.webm
  - useSubscribeOnce.gif
  - useSubscribeOnce.mp4
  - useSubscribeOnce.webm
  - useSubscribeOnceCallback.gif
  - useSubscribeOnceCallback.mp4
  - useSubscribeOnceCallback.webm
  - useSubscribeToRecord.gif
  - useSubscribeToRecord.mp4
  - useSubscribeToRecord.webm
  - useSubscribeToRecordList.gif
  - useSubscribeToRecordList.mp4
  - useSubscribeToRecordList.webm
  - useSubscribeUnsubscribe.gif
  - useSubscribeUnsubscribe.mp4
  - useSubscribeUnsubscribe.webm
  - useUnique.mp4
  - useUnique.webm
  - validation.png
  - warn_when_unsaved_changes.png
  - WithListContext-chart.png
  - writers-delight.png
- - materialize.min.js
  - prism.js
  - ra-doc-exec.js
  - ra-navigation.js
- 404.html
- _config.yml
- AccordionForm.md
- Actions.md
- addRefreshAuthToAuthProvider.md
- addRefreshAuthToDataProvider.md
- Admin.md
- AdvancedTutorials.md
- AppBar.md
- AppTheme.md
- Architecture.md
- ArrayField.md
- ArrayInput.md
- Authenticated.md
- Authentication.md
- AuthProviderList.md
- AuthProviderWriting.md
- AuthRBAC.md
- AutocompleteArrayInput.md
- AutocompleteInput.md
- AutoPersistInStore.md
- AutoSave.md
- BooleanField.md
- BooleanInput.md
- BoxStackGrid.md
- Breadcrumb.md
- BulkSoftDeleteButton.md
- Buttons.md
- Caching.md
- Calendar.md
- CanAccess.md
- CheckboxGroupInput.md
- CheckForApplicationUpdate.md
- ChipField.md
- CodingAgents.md
- Community.md
- Configurable.md
- Confirm.md
- ContainerLayout.md
- Contributing.md
- Count.md
- Create.md
- CreateBase.md
- CreateDialog.md
- CreateInDialogButton.md
- CreateReactAdmin.md
- CreateReactApp.md
- CRUD.md
- CustomRoutes.md
- DataFetchingGuide.md
- Datagrid.md
- DatagridAG.md
- DataProviderList.md
- DataProviderLive.md
- DataProviders.md
- DataProviderWriting.md
- DataTable.md
- DataTableInput.md
- DateField.md
- DateInput.md
- DateRangeInput.md
- DateTimeInput.md
- DeletedRecordsList.md
- DeletedRecordsListMenuItem.md
- Demos.md
- Deploy.md
- documentation.html
- DualListInput.md
- Ecosystem.md
- Edit.md
- EditableDatagrid.md
- EditBase.md
- EditDialog.md
- EditGuesser.md
- EditInDialogButton.md
- EditLive.md
- EditTutorial.md
- EmailField.md
- FAQ.md
- Features.md
- fetchJson.md
- Fields.md
- FieldsForRelationships.md
- FileField.md
- FileInput.md
- FilterButton.md
- FilterForm.md
- FilteringTutorial.md
- FilterList.md
- FilterLiveForm.md
- FilterLiveSearch.md
- FilterValue.md
- Form.md
- FormFillerButton.md
- Forms.md
- FunctionField.md
- HorizontalMenu.md
- IconMenu.md
- IfCanAccess.md
- ImageField.md
- ImageInput.md
- InfiniteList.md
- InPlaceEditor.md
- Inputs.md
- JsonSchemaForm.md
- Labeled.md
- Layout.md
- List.md
- ListBase.md
- ListButton.md
- ListGuesser.md
- ListLiveUpdate.md
- ListTutorial.md
- LocalesMenuButton.md
- LockOnMount.md
- LockStatus.md
- LongForm.md
- MarkdownField.md
- MarkdownInput.md
- Menu.md
- MenuLive.md
- MultiLevelMenu.md
- navigation.html
- NextJs.md
- NullableBooleanInput.md
- NumberField.md
- NumberInput.md
- OldVersions.md
- Pagination.md
- PasswordInput.md
- Permissions.md
- PredictiveTextInput.md
- PrevNextButtons.md
- RadioButtonGroupInput.md
- ReactRouterFramework.md
- Readme.md
- Realtime.md
- RealtimeDataProvider.md
- RecordField.md
- RecordRepresentation.md
- RecordsIterator.md
- Reference.md
- ReferenceArrayField.md
- ReferenceArrayInput.md
- ReferenceField.md
- ReferenceFieldBase.md
- ReferenceInput.md
- ReferenceManyCount.md
- ReferenceManyField.md
- ReferenceManyInput.md
- ReferenceManyToManyField.md
- ReferenceManyToManyInput.md
- ReferenceNodeInput.md
- ReferenceOneField.md
- ReferenceOneFieldBase.md
- ReferenceOneInput.md
- Remix.md
- Resource.md
- RevisionsButton.md
- RichTextField.md
- RichTextInput.md
- Routing.md
- SaveButton.md
- SavedQueriesList.md
- Scheduler.md
- Search.md
- SearchInput.md
- SearchWithResult.md
- SecurityGuide.md
- SelectArrayInput.md
- SelectColumnsButton.md
- SelectField.md
- SelectInput.md
- Show.md
- ShowBase.md
- ShowDeleted.md
- ShowDialog.md
- ShowGuesser.md
- ShowInDialogButton.md
- ShowLive.md
- ShowTutorial.md
- SimpleForm.md
- SimpleFormIterator.md
- SimpleList.md
- SimpleShowLayout.md
- SingleFieldList.md
- SmartRichTextInput.md
- SoftDeleteButton.md
- SoftDeleteDataProvider.md
- SoftDeleteWithConfirmButton.md
- SolarLayout.md
- SortButton.md
- StackedFilters.md
- Store.md
- SX.md
- TabbedForm.md
- TabbedShowLayout.md
- TanStackRouter.md
- TanStackStart.md
- TextArrayField.md
- TextArrayInput.md
- TextField.md
- TextInput.md
- Theming.md
- TimeInput.md
- Title.md
- ToggleThemeButton.md
- Toolbar.md
- TranslatableFields.md
- TranslatableInputs.md
- Translate.md
- Translation.md
- TranslationLocales.md
- TranslationSetup.md
- TranslationTranslating.md
- TranslationWriting.md
- Tree.md
- TreeInput.md
- TreeWithDetails.md
- Tutorial.md
- UnitTesting.md
- UpdateButton.md
- Upgrade.md
- UrlField.md
- useAuthenticated.md
- useAuthProvider.md
- useAuthState.md
- useCanAccess.md
- useChoicesContext.md
- useCreate.md
- useCreateContext.md
- useCreateController.md
- useDataProvider.md
- useDefineAppLocation.md
- useDelete.md
- useDeletedRecordsListController.md
- useDeleteMany.md
- useEditContext.md
- useEditController.md
- useFieldValue.md
- useGetIdentity.md
- useGetList.md
- useGetListDeleted.md
- useGetListLive.md
- useGetLock.md
- useGetLockLive.md
- useGetLocks.md
- useGetLocksLive.md
- useGetMany.md
- useGetManyReference.md
- useGetOne.md
- useGetOneDeleted.md
- useGetOneLive.md
- useGetRecordId.md
- useGetRecordRepresentation.md
- useGetTree.md
- useHardDelete.md
- useHardDeleteMany.md
- useInfiniteGetList.md
- useInput.md
- useList.md
- useListContext.md
- useListController.md
- useLocaleState.md
- useLock.md
- useLockCallbacks.md
- useLockOnCall.md
- useLockOnMount.md
- useLogin.md
- useLogout.md
- useMediaQuery.md
- useNotify.md
- usePermissions.md
- usePublish.md
- useRecordContext.md
- useRecordFromLocation.md
- useRedirect.md
- useRefresh.md
- useRegisterMutationMiddleware.md
- useRemoveFromStore.md
- useResetStore.md
- useRestoreMany.md
- useRestoreOne.md
- useSaveContext.md
- useShowContext.md
- useShowController.md
- useSoftDelete.md
- useSoftDeleteMany.md
- useStore.md
- useStoreContext.md
- useSubscribe.md
- useSubscribeCallback.md
- useSubscribeToRecord.md
- useSubscribeToRecordList.md
- useTheme.md
- useTranslate.md
- useUnique.md
- useUnlock.md
- useUnselect.md
- useUnselectAll.md
- useUpdate.md
- useUpdateMany.md
- Validation.md
- Vite.md
- withLifecycleCallbacks.md
- WithListContext.md
- WithPermissions.md
- WithRecord.md
- WizardForm.md
- WrapperField.md
- - favicon.ico
  - logo-dark.svg
  - logo-light.svg
  - premium-black.svg
  - premium-white.svg
  - premium.svg
- - content.config.ts
- .gitignore
- astro.config.mjs
- package.json
- README.md
- tsconfig.json
- - .env
  - .gitignore
  - index.html
  - package.json
  - README.md
  - tsconfig.json
  - tsconfig.node.json
  - vite.config.ts
- - LICENSE.md
  - package.json
  - README.md
  - tsconfig.json
- - .env
  - .gitignore
  - index.html
  - package.json
  - README.md
  - tsconfig.json
  - tsconfig.node.json
  - vite.config.ts
- - index.html
  - package.json
  - tsconfig.json
  - vite.config.ts
- - .gitignore
  - eslint.config.mjs
  - index.html
  - package.json
  - prettier.config.js
  - README.md
  - tsconfig.app.json
  - tsconfig.json
  - tsconfig.node.json
  - vite.config.ts
- - .gitignore
  - index.html
  - package.json
  - README.md
  - sandbox.config.json
  - tsconfig.json
  - vite.config.ts
- - .env
  - .gitignore
  - index.html
  - package.json
  - README.md
  - sandbox.config.json
  - tsconfig.json
  - tsconfig.node.json
  - vite.config.ts
- README.md
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
.env.template
.gitignore
.huskyrc
.lintstagedrc
.prettierignore
.prettierrc.js
.yarnrc.yml
Agents.md
CHANGELOG.md
CLAUDE.md
context7.json
eslint.config.mjs
jest.config.js
lerna.json
LICENSE.md
Makefile
package.json
README.md
UPGRADE.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/marmelab/react-admin

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd react-admin

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install react-admin

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

yarn add react-admin

이 명령어를 터미널에 그대로 입력해 실행하세요.

yarn install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

$ corepack enable && yarn set version stable

이 명령어를 터미널에 그대로 입력해 실행하세요.

$ yarn link /code/path/to/react-admin/packages/react-admin

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. Make

보통

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.

make install