타입스크립트를 사용하는 프로젝트에 린트를 구성해서 사용하고 있습니다. eslint 패키지를 업데이트(v8.x) 하고 나니, 린트 실행시 오류가 발생합니다. 오류 메시지는 아래와 같습니다. Oops! Something went wrong! 🙁 ESLint: 8.14.0 TypeError: Failed to load plugin ‘@typescript-eslint’ declared in ‘.eslintrc’: Class extends value undefined is not a constructor or… 더 보기 »Typescript project with eslint@8
타입스크립트로 작성된 리액트 달력 컴포넌트입니다. peer dependencies react NPM GitHub react-dom NPM GitHub dayjs NPM GitHub 설치 $ npm install –save @bbon/react-calendar 사용 import React, { useCallback } from ‘react’; import { Calendar } from ‘@bbon/react-calendar’; import ‘@bbon/react-calendar/dist/calendar.css’; const MyComponent = () => { const… 더 보기 »NPM @bbon/react-calendar package
SPA Single Page Application 로 작성중인 웹 응용프로그램에서 파일 다운로드를 구현할 때, 새 창으로 다운로드할 파일의 URI를 제공해서 처리하면 매우 편리하게 파일을 다운로드할 수 있습니다. 파일 URI와 함께 인증이 필요할 때, 쿠키를 사용중이면 동일하게 사용하면 됩니다.그런데, 쿠키를 사용하지 않고, JWT 등을 사용해서 요청 헤더에 데이터를 제공하는 형식으로 인증을 처리중이면, 새창을 열어서 처리하는 방식으로는 처리가 불가능합니다.이 때, 사용할 수 있는 간단한 코드조각을 npm 패키지로 공유합니다.
자주 사용되는 기능을 Typescript 로 작성해서 NPM 에 게시한 후 다른 프로젝트에서 사용하고 싶어 NPM 에 패키지를 어떻게 공개하는지를 확인했습니다. 저는 @bbon 스코프를 사용해서 @bbon/formatter 패키지를 게시할 것입니다. 스코프 npm-scope 페이지에서 정보를 확인할 수 있습니다. npm 패키지는 이름이 고유해야 하는데, 약 1,268,126 개의 공개된 패키지… 더 보기 »NPM 패키지 만들기
Gulp Gulp는 시간을 소모하는 개발 업무 흐름을 자동화하기 위한 도구입니다. 자세한 내용은 gulpjs.com 에서 확인할 수 있습니다. 시작하기 $ npm install gulp-cli -g $ npm install gulp -D $ touch gulpfile.js $ gulp –help gulpjs.com 에서 발췌 CLI 도구를 설치하고, 패키지를 설치한 후 gulpfile.js 파일을… 더 보기 »자동화 도구: gulp