2.5.60 • Published 8 months ago

@gsretail.com/gui-core v2.5.60

Weekly downloads
-
License
MIT
Repository
-
Last release
8 months ago

Gsshop React UI Component Library

Install @gsretail.com/gui-core

1. 필수 모듈 설치

@gsretail.com/gui-core는 다음 모듈과 함께 설치합니다.

npm i @emotion/react @emotion/styled @mui/lab @mui/material date-fns mobx mobx-react node-sass@7.0.1 @gsretail.com/gui-core

사용법

최신 버젼의 @gsretail.com/gui-core는 React 17.0.2 와 @mui/material@5.X 기준으로 제작되어 업데이트 되고 있습니다.

Material-UI 버젼별 @gsretail.com/gui-core 버전 정보

모든 버젼은 ReactJS 17.X 을 사용하고 있습니다.

  • @gui/core v2.1.0 ----> ag-grid ---> toastUI
  • @gui/core v2.0.86 ----> @gui/core 내부망 중단, @gsretail.com/gui-core 퍼블릭 배포
  • @gui/core v1.4.0 <----> Air/gui 통합 ---> gui-v3 v2.0.0
  • Material-Ui : 5.X <----> @gui/core 1.4.0 (방송 MSA 진행 전 최종 버전)
  • Material-Ui : 5.X <----> @gui/core 1.3.1
  • Material-Ui : 5.0.0-alpha.37 <---> @gui/core v1.2.337
  • Material-Ui : 4.X <----> @gui/core v0.8.3

1. @gsretail.com/gui-core Theme 설정

프로젝트 생성을 npx create-react-app project-name으로 생성을 전제로 진행합니다.

src 밑에 index.js를 다음과 같이 변경합니다.

index.css는 @gsretail.com/gui-core에서 제공됩니다.

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { ThemeProvider } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';
import { createGuiTheme } from '@gsretail.com/gui-core';
import '@gsretail.com/gui-core/build/index.css';

// 공통 테마 적용
const guiTheme = createGuiTheme();
  
ReactDOM.render(
  <React.StrictMode>
    <ThemeProvider theme={guiTheme}>
      <CssBaseline />
      <App />
    </ThemeProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

2. @gsretail.com/gui-core 사용 예제

다음은 GuiButton을 사용한 예제입니다.

import { GuiButton } from '@gsretail.com/gui-core';

function App() {

  return (
    <div className="App">
      <GuiButton label="Button" />
    </div>
  );
}

export default App;

더 많은 사용법은 기간계 디자인 시스템 을 참고하여 주세요.

기간계 디자인 시스템 담당자

  • 김헌기(kim.hk@gsretail.com)
  • 이민기(lee.mk@gsretail.com)
  • special guest 김석중(kim.sj2@gsretail.com)
ReactComponentLibraryRollupTypescriptSassStorybook
@gsretail.com/gui-icons@mui/icons-material@mui/x-date-pickers@types/react-date-rangecss-loadernode-sassreact-beautiful-dndreact-date-rangereact-draggablereact-iframereact-imaskreact-number-formatsass-loader
@infinitebrahmanuniverse/nolb-_gs@everything-registry/sub-chunk-377
2.5.59

8 months ago

2.5.60

8 months ago

2.5.58

8 months ago

2.5.56

9 months ago

2.5.57

9 months ago

2.5.54

9 months ago

2.5.55

9 months ago

2.5.52

1 year ago

2.5.53

1 year ago

2.5.48

1 year ago

2.5.49

1 year ago

2.5.51

1 year ago

2.5.47

1 year ago

2.5.46

1 year ago

2.5.43

1 year ago

2.5.44

1 year ago

2.5.45

1 year ago

2.5.42

1 year ago

2.5.6

2 years ago

2.5.5

2 years ago

2.5.8

2 years ago

2.5.7

2 years ago

2.5.9

2 years ago

2.5.2

2 years ago

2.5.1

2 years ago

2.5.4

2 years ago

2.5.3

2 years ago

2.5.18

2 years ago

2.5.19

2 years ago

2.5.14

2 years ago

2.5.15

2 years ago

2.5.16

2 years ago

2.5.17

2 years ago

2.5.10

2 years ago

2.5.11

2 years ago

2.5.12

2 years ago

2.5.13

2 years ago

2.5.29

2 years ago

2.5.25

2 years ago

2.5.26

2 years ago

2.5.27

2 years ago

2.5.28

2 years ago

2.5.21

2 years ago

2.5.22

2 years ago

2.5.23

2 years ago

2.5.24

2 years ago

2.5.36

2 years ago

2.5.37

2 years ago

2.5.38

2 years ago

2.5.39

2 years ago

2.5.32

2 years ago

2.5.33

2 years ago

2.5.34

2 years ago

2.5.35

2 years ago

2.5.31

2 years ago

2.5.40

2 years ago

2.5.41

2 years ago

2.4.81

2 years ago

2.4.87

2 years ago

2.4.86

2 years ago

2.4.89

2 years ago

2.4.88

2 years ago

2.4.83

2 years ago

2.4.82

2 years ago

2.4.85

2 years ago

2.4.84

2 years ago

2.4.90

2 years ago

2.4.92

2 years ago

2.4.91

2 years ago

2.4.98

2 years ago

2.4.97

2 years ago

2.4.99

2 years ago

2.4.94

2 years ago

2.4.93

2 years ago

2.4.96

2 years ago

2.4.95

2 years ago

2.4.79

2 years ago

2.4.78

2 years ago

2.4.77

2 years ago

2.4.80

2 years ago

2.4.69

2 years ago

2.4.70

2 years ago

2.4.76

2 years ago

2.4.75

2 years ago

2.4.72

2 years ago

2.4.71

2 years ago

2.4.74

2 years ago

2.4.73

2 years ago

2.4.39

2 years ago

2.4.38

2 years ago

2.4.37

2 years ago

2.4.47

2 years ago

2.4.46

2 years ago

2.4.49

2 years ago

2.4.43

2 years ago

2.4.42

2 years ago

2.4.45

2 years ago

2.4.44

2 years ago

2.4.41

2 years ago

2.4.58

2 years ago

2.4.57

2 years ago

2.4.59

2 years ago

2.4.54

2 years ago

2.4.53

2 years ago

2.4.56

2 years ago

2.4.55

2 years ago

2.4.50

2 years ago

2.4.52

2 years ago

2.4.51

2 years ago

2.4.68

2 years ago

2.4.65

2 years ago

2.4.64

2 years ago

2.4.67

2 years ago

2.4.66

2 years ago

2.4.61

2 years ago

2.4.60

2 years ago

2.4.63

2 years ago

2.4.62

2 years ago

2.4.1

3 years ago

2.4.0

3 years ago

2.4.18

3 years ago

2.4.17

3 years ago

2.4.19

3 years ago

2.4.14

3 years ago

2.4.13

3 years ago

2.4.16

3 years ago

2.4.15

3 years ago

2.4.12

3 years ago

2.4.11

3 years ago

2.4.29

2 years ago

2.4.28

2 years ago

2.4.25

2 years ago

2.3.57

3 years ago

2.4.24

3 years ago

2.4.27

2 years ago

2.3.59

3 years ago

2.4.26

2 years ago

2.3.58

3 years ago

2.4.21

3 years ago

2.4.23

3 years ago

2.4.22

3 years ago

2.4.36

2 years ago

2.3.68

3 years ago

2.4.35

2 years ago

2.3.67

3 years ago

2.3.69

3 years ago

2.4.32

2 years ago

2.3.64

3 years ago

2.4.31

2 years ago

2.3.63

3 years ago

2.4.34

2 years ago

2.3.66

3 years ago

2.4.33

2 years ago

2.3.65

3 years ago

2.3.60

3 years ago

2.3.62

3 years ago

2.3.61

3 years ago

2.3.79

3 years ago

2.3.78

3 years ago

2.3.75

3 years ago

2.3.74

3 years ago

2.3.77

3 years ago

2.3.76

3 years ago

2.3.71

3 years ago

2.3.70

3 years ago

2.3.73

3 years ago

2.3.72

3 years ago

2.3.80

3 years ago

2.3.89

3 years ago

2.3.86

3 years ago

2.3.85

3 years ago

2.3.88

3 years ago

2.3.87

3 years ago

2.3.82

3 years ago

2.3.81

3 years ago

2.3.84

3 years ago

2.3.83

3 years ago

2.3.91

3 years ago

2.3.90

3 years ago

2.3.97

3 years ago

2.3.96

3 years ago

2.3.99

3 years ago

2.3.98

3 years ago

2.3.93

3 years ago

2.3.92

3 years ago

2.3.95

3 years ago

2.3.94

3 years ago

2.3.38

3 years ago

2.3.35

3 years ago

2.3.34

3 years ago

2.3.37

3 years ago

2.3.36

3 years ago

2.3.33

3 years ago

2.3.49

3 years ago

2.3.46

3 years ago

2.3.45

3 years ago

2.3.48

3 years ago

2.3.47

3 years ago

2.3.42

3 years ago

2.3.41

3 years ago

2.3.44

3 years ago

2.3.43

3 years ago

2.3.40

3 years ago

2.3.56

3 years ago

2.3.53

3 years ago

2.3.52

3 years ago

2.3.55

3 years ago

2.3.54

3 years ago

2.3.51

3 years ago

2.3.50

3 years ago

2.3.28

3 years ago

2.3.27

3 years ago

2.3.29

3 years ago

2.3.24

3 years ago

2.3.23

3 years ago

2.3.26

3 years ago

2.3.25

3 years ago

2.3.20

3 years ago

2.3.22

3 years ago

2.3.21

3 years ago

2.3.31

3 years ago

2.3.30

3 years ago

2.3.32

3 years ago

2.3.1

3 years ago

2.2.99

3 years ago

2.2.97

3 years ago

2.2.98

3 years ago

2.2.95

3 years ago

2.2.96

3 years ago

2.2.93

3 years ago

2.2.94

3 years ago

2.3.17

3 years ago

2.3.16

3 years ago

2.3.19

3 years ago

2.3.18

3 years ago

2.3.13

3 years ago

2.3.12

3 years ago

2.3.15

3 years ago

2.3.14

3 years ago

2.3.11

3 years ago

2.2.59

3 years ago

2.2.57

3 years ago

2.2.58

3 years ago

2.2.55

3 years ago

2.2.56

3 years ago

2.2.53

3 years ago

2.2.54

3 years ago

2.2.51

3 years ago

2.2.52

3 years ago

2.2.50

3 years ago

2.2.68

3 years ago

2.2.69

3 years ago

2.2.66

3 years ago

2.2.67

3 years ago

2.2.64

3 years ago

2.2.65

3 years ago

2.2.62

3 years ago

2.2.63

3 years ago

2.2.60

3 years ago

2.2.61

3 years ago

2.2.79

3 years ago

2.2.77

3 years ago

2.2.78

3 years ago

2.2.75

3 years ago

2.2.76

3 years ago

2.2.73

3 years ago

2.2.74

3 years ago

2.2.71

3 years ago

2.2.72

3 years ago

2.2.70

3 years ago

2.2.88

3 years ago

2.2.89

3 years ago

2.2.86

3 years ago

2.2.87

3 years ago

2.2.84

3 years ago

2.2.85

3 years ago

2.2.82

3 years ago

2.2.83

3 years ago

2.2.80

3 years ago

2.2.81

3 years ago

2.2.90

3 years ago

2.2.91

3 years ago

2.2.92

3 years ago

2.2.39

3 years ago

2.2.48

3 years ago

2.2.49

3 years ago

2.2.46

3 years ago

2.2.47

3 years ago

2.2.44

3 years ago

2.2.45

3 years ago

2.2.42

3 years ago

2.2.43

3 years ago

2.2.40

3 years ago

2.2.41

3 years ago

2.1.89

3 years ago

2.1.87

3 years ago

2.1.88

3 years ago

2.1.85

3 years ago

2.1.86

3 years ago

2.1.83

3 years ago

2.1.84

3 years ago

2.1.81

3 years ago

2.1.82

3 years ago

2.1.80

3 years ago

2.1.98

3 years ago

2.1.99

3 years ago

2.1.96

3 years ago

2.1.97

3 years ago

2.1.94

3 years ago

2.1.95

3 years ago

2.1.92

3 years ago

2.1.93

3 years ago

2.1.90

3 years ago

2.1.91

3 years ago

2.2.17

3 years ago

2.2.1

3 years ago

2.2.18

3 years ago

2.2.15

3 years ago

2.2.16

3 years ago

2.2.13

3 years ago

2.2.14

3 years ago

2.2.11

3 years ago

2.2.12

3 years ago

2.2.19

3 years ago

2.2.28

3 years ago

2.2.29

3 years ago

2.2.26

3 years ago

2.2.24

3 years ago

2.2.25

3 years ago

2.2.22

3 years ago

2.2.23

3 years ago

2.2.20

3 years ago

2.2.21

3 years ago

2.2.37

3 years ago

2.2.38

3 years ago

2.2.35

3 years ago

2.2.36

3 years ago

2.2.33

3 years ago

2.2.34

3 years ago

2.2.31

3 years ago

2.2.32

3 years ago

2.2.30

3 years ago

2.1.78

3 years ago

2.1.79

3 years ago

2.1.76

3 years ago

2.1.77

3 years ago

2.1.75

3 years ago

2.0.38

4 years ago

2.0.35

4 years ago

2.0.36

4 years ago

2.0.33

4 years ago

2.0.32

4 years ago

2.0.39

4 years ago

2.1.16

3 years ago

2.1.17

3 years ago

2.1.14

3 years ago

2.1.15

3 years ago

2.1.12

3 years ago

2.0.44

4 years ago

2.1.13

3 years ago

2.1.11

3 years ago

2.1.18

3 years ago

2.1.19

3 years ago

2.1.28

3 years ago

2.1.25

3 years ago

2.1.26

3 years ago

2.1.23

3 years ago

2.1.24

3 years ago

2.1.21

3 years ago

2.1.22

3 years ago

2.1.29

3 years ago

2.1.38

3 years ago

2.1.39

3 years ago

2.1.36

3 years ago

2.0.68

3 years ago

2.1.37

3 years ago

2.0.69

3 years ago

2.1.34

3 years ago

2.0.66

3 years ago

2.1.35

3 years ago

2.0.67

3 years ago

2.1.32

3 years ago

2.0.64

3 years ago

2.1.33

3 years ago

2.0.65

3 years ago

2.1.30

3 years ago

2.1.31

3 years ago

2.0.63

3 years ago

2.1.49

3 years ago

2.1.47

3 years ago

2.1.48

3 years ago

2.1.46

3 years ago

2.1.43

3 years ago

2.1.44

3 years ago

2.1.41

3 years ago

2.1.42

3 years ago

2.0.71

3 years ago

2.1.40

3 years ago

2.0.72

3 years ago

2.1.58

3 years ago

2.1.59

3 years ago

2.1.56

3 years ago

2.1.57

3 years ago

2.0.89

3 years ago

2.1.54

3 years ago

2.0.86

3 years ago

2.1.55

3 years ago

2.0.87

3 years ago

2.1.52

3 years ago

2.0.84

3 years ago

2.1.53

3 years ago

2.0.85

3 years ago

2.1.50

3 years ago

2.0.82

3 years ago

2.1.51

3 years ago

2.0.83

3 years ago

2.1.1

3 years ago

2.1.69

3 years ago

2.1.67

3 years ago

2.0.99

3 years ago

2.1.68

3 years ago

2.1.65

3 years ago

2.0.97

3 years ago

2.1.66

3 years ago

2.0.98

3 years ago

2.1.63

3 years ago

2.0.95

3 years ago

2.1.64

3 years ago

2.0.96

3 years ago

2.1.61

3 years ago

2.0.93

3 years ago

2.1.62

3 years ago

2.0.94

3 years ago

2.0.91

3 years ago

2.1.60

3 years ago

2.0.92

3 years ago

2.1.0

3 years ago

2.1.74

3 years ago

2.1.72

3 years ago

2.1.73

3 years ago

2.1.70

3 years ago

2.1.71

3 years ago

2.0.31

4 years ago

2.0.3

4 years ago

2.0.1

4 years ago