.eslintrc.js

module.exports = {
    env: {
        // 전역 변수 사용을 정의합니다. 추가하지 않으면 ESLint 규칙에 걸리게 됩니다.
        browser: true,
        es6: true,
        node: true,
    },
    extends: [
        'eslint:recommended',
        'plugin:react/recommended',
        'plugin:@typescript-eslint/recommended', // 해당 플러그인의 권장 규칙을 사용합니다.
    ],
    parser: '@typescript-eslint/parser', // ESLint 파서를 지정합니다.
    parserOptions: {
        ecmaFeatures: {
            jsx: true, // JSX를 파싱할 수 있습니다.
        },
        ecmaVersion: 12, // Modern ECMAScript를 파싱할 수 있습니다.
        sourceType: 'module', // import, export를 사용할 수 있습니다.
    },
    plugins: ['react', '@typescript-eslint'],
    rules: {
        // ESLint 규칙을 지정합니다. extends에서 지정된 규칙을 덮어 쓸수도 있습니다.
        'react/react-in-jsx-scope': 'off',
        'react/prop-types': 'off',
        'react/no-unknown-property': ['error', { ignore: ['css'] }],
        'react/no-unescaped-entities': 'off',
        '@next/next/no-page-custom-font': 'off',
        '@typescript-eslint/no-empty-interface': 'off',
        'no-useless-escape': 'off',
    },
    settings: {
        react: {
            version: 'detect', // 현재 사용하고 있는 react 버전을 eslint-plugin-react가 자동으로 감지합니다.
        },
    },
    ignorePatterns: ['!.storybook', 'next.config.js', 'public/*.js'],
};