EsLint flat config format 으로 만들어질 때 참고
import { dirname } from "path";
import { fileURLToPath } from "url";
import { FlatCompat } from "@eslint/eslintrc";
import prettierPlugin from "eslint-plugin-prettier";
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const compat = new FlatCompat({
baseDirectory: __dirname,
});
const eslintConfig = [
...compat.extends("next/core-web-vitals"),
...compat.extends("plugin:prettier/recommended"),
{
files: ["**/*.js", "**/*.jsx"],
plugins: {
prettier: prettierPlugin,
},
rules: {
"no-undef": "error",
"prettier/prettier": [
"error",
{
singleQuote: true,
semi: true,
tabWidth: 2,
trailingComma: "all",
printWidth: 80,
bracketSpacing: true,
arrowParens: "avoid",
},
],
},
},
];
export default eslintConfig;
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다. Dongmin Kim님께서 하신 질문에 대해 기존의 비슷한 질문과 답변을 찾아보았으니 도움이 되셨으면 합니다.
현재 질문은 Next.js 프로젝트에서 EsLint 설정 파일을 Flat Config 형식으로 작성하고 싶으시다는 내용으로 해석됩니다. 이와 관련하여 EsLint와 Prettier의 통합 설정에 대한 문제를 다루고 있는 몇 가지 유사한 질문과 답변을 추천드립니다.
eslint.validate 설정관련해서 좀더 간단히 가능합니다.
- ESLint 설정을 더 간단하게 하기 위한 방법에 대한 정보를 제공합니다. 특히 ESLint의 autoFix 기능과 관련한 기본 설정에 대해 설명하고 있습니다.
- ESLint 설정을 더 간단하게 하기 위한 방법에 대한 정보를 제공합니다. 특히 ESLint의 autoFix 기능과 관련한 기본 설정에 대해 설명하고 있습니다.
Delete ␍ eslint (prettier/prettier) 에러
- Prettier 설정에서 endOfLine 문제를 해결하는 방법에 대해 다루고 있습니다. prettier의 옵션들이 어떻게 ESLint와 함께 사용되는지에 대해 인사이트를 줄 수 있는 답변입니다.
- Prettier 설정에서 endOfLine 문제를 해결하는 방법에 대해 다루고 있습니다. prettier의 옵션들이 어떻게 ESLint와 함께 사용되는지에 대해 인사이트를 줄 수 있는 답변입니다.
위의 링크들은 ESLint 및 Prettier 설정 시 발생할 수 있는 여러 상황에 대한 유용한 정보와 해결 방안을 제시하고 있습니다. 질문하신 내용과 직접적으로 관련이 있을 수 있으니 참고하시기 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
클로드코드 유료플랜 할인 방법이 있을까요?
0
16
0
API Error : 400 에러의 원인과 해결방법이 궁금합니다!!
0
16
2
퍼미션 권한 설정 문의
0
18
2
Next.js + Tanstack Query BFF 구조 질문
0
11
1
커서에서 shift+enter가 안됩니다.
0
19
2
mcp 설치를 못하겠어요
0
31
2
라이브러리 관련 질문 있습니다!
0
24
2
노션 학습 자료 권한 요청
0
16
1
output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?
0
20
2
클로드 변경
0
25
2
globals.css를 삭제하니 404가 나옵니다
0
73
1
ESLint + Prettier 설정 관련해서 질문있습니다
1
304
2
<img /> 요소 대신 <Image /> 컴포넌트를 사용해야 하는 이유 (성능 최적화)
0
233
2
컴포넌트가 렌더링되어 HTML이 생성되는 곳 (getServerSideProps VS useEffect)
0
229
1
router를 사용할 때 왜 페이지가 갱신되는지에 대한 질문
1
335
2
Image 컴포넌트 width, height 속성
1
239
2
스페이스 + 컨트롤 눌러도 활성화 안되시는분 참고하세요...
3
340
3
파일명 명명 규칙에 대해서 묻고 싶습니다
1
867
2
getServerSideProps에서 axios 호출시
1
369
2
next create-next-app@latest 설치 문제
1
590
2
bun, biome 사용 질문
0
343
2
eslint 오류..
1
626
2
API Routes를 사용하는 기준과 장/단점에 대해서 알고 싶습니다!
1
889
3
Link 컴포넌트의 prefetching 기능
1
262
1

