인프런 커뮤니티 질문&답변

tree lemon님의 프로필 이미지
tree lemon

작성한 질문수

핸즈온 리액트 네이티브

1.7 :: Prettier 와 ESLint

eslint.config.mjs 파일에 plugin 설정방법

작성

·

173

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

강의의 내용을 벗어나는 질문 혹은 관련 없는 질문에 대해서는 답변하지 않습니다.
(ex. 자바스크립트, 강의에서 사용하지 않는 라이브러리, 강의 내용과 다르게 진행한 프로젝트에 대한 질문)

<질문 남기기 전에 스스로 해결하는 연습을 해보세요>
- 스스로 문제를 해결하는 연습은 여러분의 실력향상에 큰 영향을 미칩니다.
1. 차분하게 여러분 코드의 오타 여부를 확인해 주세요.
2. 발생한 문제를 구글에서 검색해서 확인해 보세요.

<잘 해결이 안 될 때에는, 질문을 남겨주세요>
1. 코드에 질문이 있다면 코드를 깃헙(https://github.com/)에 올리고 주소 링크를 남겨주세요.
2. 문제 발생 상황 등, 내용을 자세히 작성해주세요.

 

react를 imort해야 한다는 경고메세지를 안뜨게 하기 위한 plugin 설정을 eslint.config.mjs 파일에서 하는 방법을 모르겠어서 질문드립니다. 공식문서를 참고해서 rule 설정은 했는데 plugin 설정은 이해가 가질 않습니다ㅜㅜ

감사합니다.

답변 1

0

김범준님의 프로필 이미지
김범준
지식공유자

안녕하세요,

 

현재 React를 import 하라는 경고/에러 메시지가 나타나나요?

최신버전 expo로 프로젝트를 생성하고 사용하고 있다면, React를 import 하라는 경고/에러 메시지는 나타나지 않을겁니다.

 

참고로 다음 코드는 자동으로 생성된 eslint.config.mjs 코드입니다.

import globals from 'globals';
import pluginJs from '@eslint/js';
import pluginReact from 'eslint-plugin-react';

export default [
  { files: ['**/*.{js,mjs,cjs,jsx}'] },
  { languageOptions: { globals: globals.node } },
  pluginJs.configs.recommended,
  pluginReact.configs.flat.recommended,
];

 

그리고 위의 코드에서 React를 import 하는 것과 관련된 plugin은

pluginReact.configs.flat.recommended

입니다.

 

감사합니다.

tree lemon님의 프로필 이미지
tree lemon
질문자

아래 오류 메세지가 뜹니다.

image.png

 

제가 처음에 expo project 를 생성할때 강의화면과 다르게 생성돼서 다른 분의 질문 답변을 보고 아래 명령어로 다시 프로젝트를 생성했는데, 혹시 이게 영향이 있을까요?

npx create-expo-app rn-calc --template blank

김범준님의 프로필 이미지
김범준
지식공유자

말씀하신 커맨드는 blank 템플릿으로 프로젝트를 생성하는 커맨드입니다.

현재 문제와 관련이 없습니다.

eslint.config.mjs 파일의 내용이 제가 위에 작성한 것과 같은지 확인해 보시고,

package.json 파일에서 react 버전 확인해보세요. react 버전이 18이상이어야 합니다. (오늘 생성했다면 18.2.0 으로 되어있을겁니다)

tree lemon님의 프로필 이미지
tree lemon

작성한 질문수

질문하기