구 게시글/라이브러리 소개

React로 라이브러리 만들어보기

사용기술 prettier, eslint, rollup, ts, storybook 기존 기술 스택에 babel도 포함되어 있었으나 생각을 해보면 웹페이지로 띄우는 게 아니고 react에서 사용하는 ui라이브러리 이기 때문에 하위 호환성을 생각해서 변환해줄 필요가 없다. Pacakge.json 패키지를 만들때 기본적인 정보와 설정 내용을 package.json파일에 적어둔다 { "private": false, // 배포를 하기위해서는 false로 설정되어야 한다. "main": "dist/cjs/index.js", // 기본적인 진입경로를 설정한 파일이다. 번들이 된 파일을 지정한다. 여기서는 commonJs파일의 진입 파일을 설정한 것이다. "module": "dist/esm/index.js", // 기본..

react-countdown-circle-timer 소개

npm 사이트: https://www.npmjs.com/package/react-countdown-circle-timer react-countdown-circle-timer Lightweight React countdown timer component with color and progress animation based on SVG. Latest version: 3.0.9, last published: 3 months ago. Start using react-countdown-circle-timer in your project by running `npm i react-countdown-circle-timer`. There www.npmjs.com 설치방법 npm npm i react-countdown..