zensystems_ui

zensystems_ui 개발환경 구성

$ npm install 
$ npm run storybook   
$ npm link # npm에 배포하지 않고 개발모드로 활용하기 위해 link 등록

zensystems_ui를 활용하는 react project 예

$ npm install -g install-peerdeps 
$ npx create-react-app --typesciprt --use-npm myapp
$ cd myapp
$ install-peerdeps zensystems_ui
# zensystems_ui에서 사용하는 정적파일 프로젝트로 복사 (개선 포인트가 있을 듯)
$ cp ./node_modules/zensystems_ui/public ./ 

로컬에서 개발중인 zensystems_ui 참조

# npm install등의 작업을 수행시마다 다시 link 해줘야함. (연결 끊김)
$ npm link zensystems_ui

link 삭제

$ npm unlink --no-save zensystems_ui 
$ npm i

유의 사항

• npm run lint 반드시 룰 준수 할 것
• npm link 한 상태에서 react-scripts build 하지 말 것, contenthash file name이 변경 된다.
• component 추가 시 storybook 페이지 추가 할 것
• util 추가 시 test code 작성 할 것

TODO list

• [ ] TabPanel 구현
• [ ] Form layout helper Component
• [x] Select Component
• [x] Combo Component
• [ ] Radio, Radio Group
• [ ] Checkbox, Checkbox Group
• [x] DatePicker Empty value
• [ ] Form submit value moment object => string
• [ ] next material-ui-pickers 정식 릴리즈 체크
• [ ] Left, Top Navigator Nested 구성
• [ ] VBox, HBox 구현 (반응형 웹 대응 포함, IE flex css bug 대응)
• [ ] GridTable(Material-table) Header Fix, Body Scroll
• [ ] GridTable column width Issue