oftadeh react admin

Oftadeh 반응 관리자

Oftadeh - React Admin Responsive Template은 완전히 Javascript(reactjs 및 Material-ui)로 작성된 React 앱이며 jQuery 종속성이 없습니다.

라이브 데모를 보려면 여기를 클릭하세요.

반응하다

React는 우리 템플릿의 핵심입니다. React가 무엇인지 모르거나 사용 방법을 모른다면 Oftadeh를 사용하기 전에 React를 확인하는 것이 좋습니다.

React 앱 만들기(CLI)

Create React App은 Facebook 개발자가 React 애플리케이션 구축을 돕기 위해 만든 도구입니다. 시간이 많이 소요되는 설정 및 구성 작업을 줄여줍니다.

목차

• Oftadeh 반응 관리자
  • 반응하다
  • React 앱 만들기(CLI)
  • 목차
  • 전제 조건
    • Node.js
  • 설치
    • 개발
    • 생산
    • 전개
  • 프로젝트 구조
  • 소스 및 크레딧
  • 사용 가능한 스크립트
    • npm start
    • npm test
    • npm run build
    • npm run eject
  • 자세히 알아보기
    • 코드 분할
    • 번들 크기 분석
    • 프로그레시브 웹 앱 만들기
    • 고급 구성
    • 전개
    • npm run build 축소되지 않습니다.
  • 특허
  • 기부

전제 조건

이 섹션에서는 필요한 도구에 대한 몇 가지 정보를 제공합니다.

Node.js

Oftadeh React를 설치하고 사용하려면 컴퓨터에 Node.js가 설치되어 있어야 합니다. Node.js에 대해서는 이 문서의 범위를 벗어나므로 너무 자세히 다루지는 않겠습니다. 또한 Node.js를 실제로 사용할 필요는 없으며 개발 프로세스에만 필요합니다.

설치

A. 필수 구성 요소 설치
해당 웹 사이트에서 최소한 LTS 또는 최신 버전의 Node.js를 다운로드하여 설치하세요.

B. Oftadeh React 설치
자주 사용하는 콘솔 애플리케이션(터미널, 명령 프롬프트 등)을 열고 작업 폴더로 이동한 후 다음 명령을 실행하고 완료될 때까지 기다립니다.

npm install

이 명령은 작업 폴더 내의 node_modules 디렉터리에 필요한 모든 Node.js 모듈을 설치합니다.
이제 처음으로 Oftadeh React를 실행할 준비가 되었습니다.

개발

작업 폴더에 있는 동안 콘솔 애플리케이션에서 다음 명령을 실행합니다.

npm start

그리고 그게 다입니다. create-react-app은 모든 것을 처리하고 Oftadeh React를 시작합니다.
콘솔 애플리케이션을 확인하여 서버에 대한 추가 정보를 얻을 수 있습니다. 기본적으로 [http://localhost:3000](http://localhost:3000)에서 실행되지만 설정에 따라 변경될 수 있습니다.

생산

다음 명령은 애플리케이션을 출력 디렉터리에 빌드합니다.

npm run build

애플리케이션을 /build 디렉토리로 컴파일합니다.

전개

Facebook의 create-react-app 문서를 확인하세요:배포

프로젝트 구조

Oftadeh React의 프로젝트 구조는 다음과 같습니다.

소스 및 크레딧

• 소재-UI
• clsx
• 반응-초안-wysiwyg
• 조디트 반응
• 머티리얼 디자인 아이콘
• fslightbox
• 반응 라우터 돔
• 재료 테이블
• mui 데이터 테이블
• 순간
• 반응 큰 달력
• 다시 차트를 작성하다
• 반응 차트 JS-2

이 프로젝트는 Create React App으로 부트스트랩되었습니다.

사용 가능한 스크립트

프로젝트 디렉터리에서 다음을 실행할 수 있습니다.

npm start

개발 모드에서 앱을 실행합니다.
http://localhost:3000을 열어 브라우저에서 확인하세요.

수정하면 페이지가 다시 로드됩니다.
콘솔에도 린트 오류가 표시됩니다.

npm test

대화형 감시 모드에서 테스트 실행기를 시작합니다.
자세한 내용은 테스트 실행 섹션을 참조하세요.

npm run build

build 폴더에 프로덕션용 앱을 빌드합니다.
프로덕션 모드에서 React를 올바르게 번들링하고 최상의 성능을 위해 빌드를 최적화합니다.

빌드가 축소되고 파일 이름에 해시가 포함됩니다.
앱을 배포할 준비가 되었습니다!

자세한 내용은 배포에 대한 섹션을 참조하세요.

npm run eject

참고: 이는 단방향 작업입니다. 한번 eject 되돌릴 수 없습니다!

빌드 도구 및 구성 선택 사항이 만족스럽지 않으면 언제든지 eject 수 있습니다. 이 명령은 프로젝트에서 단일 빌드 종속성을 제거합니다.

대신, 모든 구성 파일과 전이적 종속성(webpack, Babel, ESLint 등)을 프로젝트에 바로 복사하므로 이를 완전히 제어할 수 있습니다. eject 제외한 모든 명령은 계속 작동하지만 복사된 스크립트를 가리키므로 조정할 수 있습니다. 이 시점에서 당신은 스스로입니다.

eject 사용할 필요는 없습니다. 엄선된 기능 세트는 소규모 및 중간 배포에 적합하므로 이 기능을 사용해야 한다는 의무감을 느껴서는 안 됩니다. 그러나 우리는 이 도구를 사용할 준비가 되었을 때 사용자 정의할 수 없다면 유용하지 않다는 것을 알고 있습니다.

자세히 알아보기

Create React App 설명서에서 자세히 알아볼 수 있습니다.

React를 배우려면 React 문서를 확인하세요.

코드 분할

이 섹션은 여기로 이동되었습니다: https://facebook.github.io/create-react-app/docs/code-splitting

번들 크기 분석

이 섹션은 여기로 이동되었습니다: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

프로그레시브 웹 앱 만들기

이 섹션은 여기로 이동되었습니다: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

고급 구성

이 섹션은 여기로 이동되었습니다: https://facebook.github.io/create-react-app/docs/advanced-configuration

전개

이 섹션은 여기로 이동되었습니다: https://facebook.github.io/create-react-app/docs/deployment

npm run build 축소되지 않습니다.

이 섹션은 여기로 이동되었습니다: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

특허

완전 무료(MIT)! 자세한 내용은 LICENSE.md를 참조하세요.

기부

당신은 우리에게 기부할 수 있습니다. 기부 링크