loader-map-react-guide-samples 👋

Guide sample using loader and ibmap and react

📖 구조

1. main.jsx는 index.html에 App.jsx를 렌더링합니다.
2. App.jsx는 메인 페이지입니다.
3. Layout.jsx에는 페이지의 레이아웃 컴포넌트가 있습니다.
4. react-router-dom을 통해 라우팅을 구현하여, 각 샘플 페이지를 URL로 렌더링합니다.
5. Home.jsx는 메인 페이지에서 보여지는 컴포넌트입니다.
6. Redux Toolkit을 사용하여 전역 상태를 관리합니다.

💝메인 화면 흐름

순서: App.jsx => Layout.jsx => Section.jsx => Navigation.jsx => Home.jsx => 각 샘플 페이지

사용기술

👉 @ibsheet/loader: 1.3.4
👉 Javascript, React, Redux, Material-UI, BootStrap, SweetAlert2, React-Icons

✨설치방법

1. clone 을 받는다.
2. 해당프로젝트는 yarn 을 기준으로 만들어졌습니다. yarn 을 설치해줍니다. npm install --global yarn
3. yarn 을 이용하여 다운받는다.
4. sheet-loader 버전을 확인해보고, 필요한 로더 버전으로 업데이트한다. 해당 샘플 기준으로는 ^1.3.4 버전이 설치됩니다.
5. public/ 에 ibmap 라이브러리가 들어있는 assets 폴더를 넣어줍니다. (config/config.jsx 에서 파일위치는 변경할 수 있음.)
6. yarn build // build 파일 생성됨.
7. yarn dev // start 로컬