01 / PACKAGES
필요한 것만 골라 담습니다.
레이아웃부터 서버 통신까지, 쓰는 패키지만 React 프로젝트에 더하세요.
react-layout
반응형 레이아웃
비율로 나누고, 화면 크기에 맞춰 구성합니다.
react-grid
대용량 가상 그리드
많은 데이터도 필요한 영역부터 그립니다.
react-mdi
탭 · 화면분할
여러 업무 화면을 하나의 작업공간에서 엽니다.
react-schedule-calendar
일정 달력
날짜와 시간 위에 업무 일정을 정리합니다.
react-echart
차트
업무 데이터의 흐름을 한눈에 보여줍니다.
react-popup
팝업
지금 필요한 입력과 정보를 화면 위에 엽니다.
02 / YOUR WAY
같은 사용감, 다른 개발 방식
팀이 익숙한 방식으로 선택하세요. MOCA의 사용감은 그대로 이어집니다.
| 비교 항목 | MOCA | MOCA React |
|---|---|---|
| 화면 정의 | HTML · data-m-* 속성 | JSX · props |
| 화면 상태 | 엔진 스코프 · DOM 속성 | React state · ref |
| 데이터 소유 | 컴포넌트가 목록 관리 | 화면이 소유하고 컴포넌트가 표시 |
| 구성 | 컴포넌트 한 벌 | 필요한 패키지만 |
| 이런 팀에 | 한 벌로 통일된 화면 표준이 필요한 팀 | React로 개발하는 팀 |
두 제품 모두 프로젝트의 백엔드 API와 연결합니다. 입력·출력 형식을 맞추면 같은 API를 사용할 수 있습니다.
BUILD WITH MOCA REACT