Git Product home page Git Product logo

loader-react-guide-samples's People

Contributors

graydelay avatar heo-it avatar hojae-lee avatar jun-kuun avatar

Stargazers

 avatar  avatar  avatar

loader-react-guide-samples's Issues

각 시트를 오고 갈 수 있는 컨트롤 바

현재 메인에서 샘플 클릭시 샘플이 나오지만 그 이후에 동작을 할 수 가 없기 떄문에, 각 샘플과 홈을 이동할 수 있는 컨트롤 바가 추가 되면 좋겟음... 우리 헤더에 다가 붙일지.. 이거는 아이디어가 살짝 필요함.. 아니면

샘플 사진 추가

샘플이 전부 완성되면 샘플 사진을 추가해서 각 샘플 배경에 넣어야함.

Master-Detail 구조

리액트에서 Master-Detail 구조를 만들기가 어렵다는 이슈가 있어서, 해당 문제를 해결하기 위해 Master-Detail 구조를 만들어줍니다.

메인 화면 디자인 및 샘플 화면 디자인 관련

우서는 기초적인 메인화면에 대해 디자인을 어느정도 한 상황입니다. 레이아웃... 헤더, 바디, 푸터 구간 쪾...

폰트, 글자크기, 색상, 아이콘.. 등등

마음에 안드는 디자인이나 추가 하고 싶은 디자인이 있으면 계속 추가해주세요...

add sheet8 Sample

  1. Type
  2. Merge
  3. Subsum
  4. Tree
  5. 대용량 조회
  6. Formula
  7. Form
  8. multi sheet
  9. dialog

샘플별 기능 추가

각 샘플에서 필요로 하는 기능들을 추가해야함.

자동머지, 대용량 조회, 소계, 실무 예제 등등

추가적인 샘플 추가

기본적으로 차트와 시트를 병행하는 기능이 있는것과 없는것의 차이가 커보임.. 우선 9개의 샘플 추가 후 추후 추가할지 말지 확인.

소스탭 기능 추가

Create 버튼을 누르면 SheetCreate 부분의 소스를 띄워줘야함.


각 해당 샘플로 들어가면 탭이 있는데, 해당 탭을 누르면 각 시트의 Config 를 띄워줘야함.

common.js 관련 전역객체 처리.

common.js 에서 전역객체를 받아와서 처리하는 방법에 대한 이슈가 들어옴.

"Extend":IB_Preset.YMD 이와 같은 구조를 쓰고 싶은데, 방법을 모르겠다고 함.

common.js에 전역 상태관리를 어떻게 해줄지에 대해 고민이 필요함.. common.js 가 로드된 시점에 대해 확인부터 해봐야할 듯.

sheetReady 이벤트로는 처리하기가 까다롭다고 했기 때문에 확인.

각 샘플에 ib-tab추가

여기에 Source는 시트 Create 부분만 보여주는게 낫지 않을까...

image

샘플별로 탭에서 소스를 보여주는게 더 깔끔할것으로 보여서 아이비 탭을 이용해, 화면, 소스 를 보여주는 탭설정필요.. 할듯..
그냥 아래만 보여주기는 밋밋함.

image

Redux 적용하기

현재 프로젝트에 Redux를 적용하여 시트 객체를 전역에서 사용할 수 있도록 함

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.