eslint-config-bananass
eslint-config-bananass
는 eslint-config-airbnb
및 Airbnb JavaScript Style Guide를 기반으로 하는 ESLint 설정 파일 패키지입니다.
코딩 테스트 관련하여 자주 쓰이는 문법 및 사용자에 따라 호불호가 나뉠 수 있는 일부 규칙들을 해제하였기에, eslint-config-airbnb
및 eslint-config-airbnb-base
보다 훨씬 느슨한 규칙들을 만나보실 수 있습니다.
eslint-config-bananass
에 포함된 정확한 규칙들은 ESLint Config Inspector를 참고해주세요.
반드시 읽어주세요!
eslint-config-bananass
는 최신 사양의 ESLint v9 Flat Config만 지원하며, ESM 모듈 시스템만ESM Only 지원합니다.eslint-config-bananass
는 스타일 관련 규칙들을 포함하지 않습니다. 스타일 포맷팅을 진행하고 싶으시다면 Prettier를 이용해 주세요.
설치하기
sh
npm install -D eslint eslint-config-bananass
sh
pnpm add -D eslint eslint-config-bananass
sh
yarn add --dev eslint eslint-config-bananass
sh
bun add -d eslint eslint-config-bananass
API 참고서
ts
// Only supports default export
import bananass from 'eslint-config-bananass';
import type bananass from 'eslint-config-bananass';
// JSON import only supports default export
import pkg from 'eslint-config-bananass/package.json' assert { type: 'json' };
bananass
타입:
object
정확한 구성은 깃허브 리포지토리를 참고해주세요.
pkg
타입:
object
정확한 구성은 깃허브 리포지토리를 참고해주세요.
ESLint Config 설정 방법
eslint-config-bananass
는 아래와 같은 6가지 설정Config을 지원합니다. 필요에 따라 아래 설정 중 하나 혹은 여러개를 선택하여 사용해주세요.
각각의 구성에 포함된 정확한 규칙들은 ESLint Config Inspector를 참고해주세요.
js
: 자바스크립트jsxReact
: 자바스크립트 + ReactjsxNext
: 자바스크립트 + React + Next.jsts
: 타입스크립트tsxReact
: 타입스크립트 + ReacttsxNext
: 타입스크립트 + React + Next.js
js
import { defineConfig } from 'eslint/config';
import bananass from 'eslint-config-bananass';
export default defineConfig([
bananass.configs.js, // JavaScript
bananass.configs.jsxReact, // JavaScript + React
bananass.configs.jsxNext, // JavaScript + React + Next.js
bananass.configs.ts, // TypeScript
bananass.configs.tsxReact, // TypeScript + React
bananass.configs.tsxNext, // TypeScript + React + Next.js
]);
참고 사항
eslint-config-bananass
는 스타일 관련 규칙들을 포함하지 않기 때문에, Prettier와 충돌을 일으키는 스타일 관련 규칙들을 모두 끄는eslint-config-prettier
가 필요하지 않습니다.- 스타일 포맷팅을 진행하고 싶으시다면 Prettier를 이용해 주세요.