index.js
는index.html
에App.js
를 렌더링 시키는 역할.App.js
는 메인 페이지입니다.Layout.js
에는 페이지의 레이아웃 컴포넌트가 있습니다.Switch, Router
를 통해 라우팅을 구현하여, 각 샘플 페이지를 URL을 통해 렌더링합니다.Home.js
는 메인 페이지에서 보여지는 컴포넌트를 가지고 있습니다.<IBSheet8 />
컴포넌트는Content
컴포넌트에서 사용합니다.Redux
를 사용하여 전역 객체를 상태 관리 합니다. (여러개의 시트를 만들 수 있어, option 을 배열 형태로 담습니다.)SheetCreate.js (src/compoenets/Create/SheetCreate.js)
에서 시트 생성 공통 모듈이 있습니다.samples
폴더에 각 샘플에서 사용하는Config
와 기능 컴포넌트,data
를 제공합니다.serverscrollpaging
사용을 위해api
폴더에서 서버를 실행하셔야 합니다. (명령어:node app.js
)
순서: App.js => Layout.js => Section.js => Navigation.js => Home.js => Content.js
👉 @ibsheet/loader: 1.1.15
👉 Javascript, React, Redux, Material-UI, BootStrap, SweetAlert2, React-Icons
clone
을 받는다.- 해당 프로젝트는
yarn berry
를 기준으로 만들어졌습니다.yarn
을 최신 버전으로 설치해줍니다.npm install --global yarn
yarn
을 하여 패키지 모듈을 설치해줍니다.public/lib
에ibsheet
라이브러리가 들어있는assets
폴더를 넣어줍니다. (config/config.js
에서 파일위치는 변경할 수 있음.)yarn build
// build 파일 생성됨.yarn start
// 실행