inflearn logo
강의

Course

Instructor

Getting Started with Next.js

Setting up a Next.js practical development environment

ESLint + Prettier 설정 관련해서 질문있습니다

304

bluea

1 asked

1

{D2D31D16-CC07-401B-9C65-AA289ED1AB3F}.png{5793D394-00E3-4232-B2E8-E16E2FFCDAB7}.png

Prettier을 비활성화했음에도 어디서 오류가 나는지 모르겠습니다.

 

javascript react next.js

Answer 2

0

captain

안녕하세요, 혹시 formatOnSave 기능을 끄셨나요? 저장했을 때 ESLint에 설정된 프리티어로 먼저 1차 수정하고, 2차로 프리티어 자체로 포매팅을 하는 경우 위와 같이 나올 수 있습니다 :)

1

bluea

{67C2B115-051E-4E3B-A58C-43339C7CFF77}.png

이 상태에서 변경해야할 부분이 있을까요

2

bluea

{D9B11CB2-629A-4CAB-89F9-0797AF891478}.png

.prettierrc.js에 endOfLine: 'auto', 을 추가하니까 괜찮아졌습니다. 답변 해주셔서 감사합니다

 

 

0

captain

아하 네 감사합니다 :)

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다.

한청님께서 겪고 계신 문제는 ESLint와 Prettier 설정 간의 충돌 또는 설정 문제일 가능성이 높습니다. ESLint와 Prettier를 함께 사용할 때는 두 도구 간의 역할 분담이 명확히 설정되어야 합니다. 두 도구 모두 코드 스타일과 포맷을 관리하기 때문에, 제대로 설정되지 않으면 충돌이 발생할 수 있습니다.

다음 링크들은 ESLint와 Prettier 충돌 문제를 해결하는 데 도움이 될 수 있는 정보들을 포함하고 있습니다:

  1. “eslint와 prettier 설정 시 오류” - ESLint와 Prettier가 충돌할 때, 어디를 수정해야 하는지에 대한 해결 사례를 담고 있습니다. 특히 .eslintrc.js 파일 설정 관련 조언이 도움이 될 수 있습니다.

  2. “ESLint 설정 Prettier 규칙 적용 오류” - 이 게시물에서는 VSCode 사용자 설정이나 특정 파일 설정을 통해 ESLint와 Prettier 사이의 충돌을 해결하는 방법을 제시하고 있습니다.

이외에도, .prettierrc.eslintrc.js 둘 다의 설정 파일을 확인하여 endOfLine 설정을 auto로 변경하거나, ESLint 플러그인 설정에서 Prettier 관련 규칙을 비활성화해보는 것이 문제 해결에 도움이 될 수 있습니다.

위의 정보들이 문제 해결에 도움이 되었으면 합니다! 설정 파일을 점검하면서 적용해보시기를 권장드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

클로드코드 유료플랜 할인 방법이 있을까요?

0

12

0

API Error : 400 에러의 원인과 해결방법이 궁금합니다!!

0

15

2

퍼미션 권한 설정 문의

0

17

2

Next.js + Tanstack Query BFF 구조 질문

0

10

1

커서에서 shift+enter가 안됩니다.

0

18

2

mcp 설치를 못하겠어요

0

26

2

라이브러리 관련 질문 있습니다!

0

20

2

노션 학습 자료 권한 요청

0

15

1

output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?

0

19

2

클로드 변경

0

24

2

globals.css를 삭제하니 404가 나옵니다

0

73

1

EsLint flat config format 으로 만들어질 때 참고

0

333

1

<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