IBMap React Demo Sample

IBMap React Demo Packages

👋 Javascript, React, React-Hooks, Redux Toolkit 를 사용한 React 데모 샘플을 제공합니다.

💝메인 화면 흐름

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

🚀참고

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

✨설치방법

  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 로컬

데모 패키지