Library

변경 이유기존에 사용하던 HighChart의 라이선스가 상업적 이용 시 요금이 부과되며, 사내에서 사용 중인 HighChart 라이선스의 버전이 v6.X여서 라이선스 문제 및 버전 노후화로 인해 차트 라이브러리를 변경하기로 함 주요 라이브러리 분석1. Recharts특징: 웹 개발자가 가장 많이 사용하는 차트 라이브러리, 적당한 커스텀 가능제공 차트: 모든 유형을 제공하지는 않음사용 용이성: 비교적 쉽고 간단함 (가벼운 편)라이선스: MIT License2. React-chartjs-2특징: JS 기반인 Chart.js를 React 애플리케이션에서 쉽게 사용할 수 있도록 해주는 라이브러리제공 차트: 혼합 차트 제공디자인: 기본 디자인이 가장 단순하고 대중적, 고급 기능 제한사용 용이성: 간단한 차트 구현..

MIT License오픈 소스 라이선스에서 가장 많이 사용되는 License소프트웨어 복사본의 사용, 복사, 수정, 병합, 게시, 배포, 재라이센스 부여 및 판매를 포함하여 소프트웨어 및 관련 문서 파일을 사용하여 원하는 모든 작업을 수행할 수 있음상업적 이용 가능 MIT License 장점단순성: 간결하므로 광범위한 법률 전문 지식이 없어도 쉽게 이해할 수 있음허용성: 가장 허용적인 라이선스 중 하나이며, 저작권 고지와 라이선스 조건이 소프트웨어의 모든 사본 또는 상당 부분에 포함되어 있는 한 라이선스가 부여된 소프트웨어를 거의 제한 없이 사용, 수정 및 배포할 수 있음.개방형 협업: MIT 라이선스는 명시적인 권한을 사전에 제공함으로써 개방형 협업 환경을 조성하여 오픈 소스 프로젝트에 매력적임.기업 ..

Storybook이란? 스토리북(Storybook)은 UI 컴포넌트를 문서화하여 디자인 시스템을 개발 할 수 있는 React 라이브러리입니다. UI 컴포넌트 개발은 복잡한 로직 없이 독립적인 환경에서 가능하며, 재사용을 위해 story에서 컴포넌트를 조합하여 테스트할 수 있습니다. 또한, UI 컴포넌트를 미리 체험하고 사용할 수 있으며, UI 컴포넌트의 문서화와 디자인 시스템 구축도 가능합니다. 디자인 시스템에 적용하여 figma 컴포넌트들과 동기화할 수도 있으며, UI 환경을 직접 수정하고 플레이그라운드 형식으로 다양한 컴포넌트를 시도할 수도 있습니다. Usecase 별로 story를 만들고 UI 컴포넌트를 개발하고 테스트하는 데에 유용하게 사용할 수 있으며, 다중 어플리케이션이나 공동으로 사용되는 컴..

Summernote란? WYSIWYG 기반 Web Editor 라이브러리 웹 페이지에서 텍스트, 이미지, 비디오 및 다른 다양한 콘텐츠 편집 가능 WYSIWYG(위즈윅) : 편집화면에서 입력한 글자, 그림 등의 컨텐츠 모양 그대로 최종산물이 화면상에서, 또는 출력물에서 나타나도록 하는 에디터 Summernote 다운로드 공식 사이트 접속 Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org Getting Started 클릭 Download co..

Axios란? Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 설치방법 $ npm install axios $ yarn add axios Config // POST 요청 전송 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' } }); 더보기 Reference https://axios-http.com/kr/docs/intro