콘텐츠로 건너뛰기
» npm

npm

Typescript project with eslint@8

타입스크립트를 사용하는 프로젝트에 린트를 구성해서 사용하고 있습니다.

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 

NPM @bbon/react-calendar package

npm (scoped) npm Build and tag publish NPM

타입스크립트로 작성된 리액트 달력 컴포넌트입니다.

peer dependencies

설치

$ 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 

SPA 에서 파일 다운로드

SPA Single Page Application 로 작성중인 웹 응용프로그램에서 파일 다운로드를 구현할 때, 새 창으로 다운로드할 파일의 URI를 제공해서 처리하면 매우 편리하게 파일을 다운로드할 수 있습니다.

const fileDownloadUri = '파일 다운로드 URI';
window.open(fileDownloadUri, '_blank');

파일 URI와 함께 인증이 필요할 때, 쿠키를 …

NPM 패키지 만들기

자주 사용되는 기능을 Typescript 로 작성해서 NPM 에 게시한 후 다른 프로젝트에서 사용하고 싶어 NPM 에 패키지를 어떻게 공개하는지를 확인했습니다.

저는 @bbon 스코프를 사용해서 @bbon/formatter 패키지를 게시할 것입니다.

스코프 npm-scope 페이지에서 정보를 확인할 수 있습니다.

npm 패키지는 이름이 고유해야 하는데, …

자동화 도구: gulp

Gulp

Gulp는 시간을 소모하는 개발 업무 흐름을 자동화하기 위한 도구입니다.

자세한 내용은 gulpjs.com 에서 확인할 수 있습니다.

시작하기

$ npm install gulp-cli -g
$ npm install gulp -D
$ touch gulpfile.js
$ gulp --help

gulpjs.com 에서 발췌

CLI 도구를 설치하고, …