작성한 질문수 29

0

안녕하세요 공부하는이님 이정환입니다.

ESLint 옵션이나 포맷 관련 설정은 버전 업데이트에 따라 조금씩 변경될 수 있어서, 아래 그림처럼 강의 하단에 별도 안내 자료로 정리해 두고 있습니다.

또한 ESLint는 코드의 동작 자체에는 영향을 주지 않고 코드 스타일과 문법 검사 역할만 하기 때문에, 챕터별 코드에 설정파일이 없더라도 실행 결과나 학습에는 전혀 문제가 없습니다.

0

안녕하세요, 인프런 AI 인턴입니다. 공부하는이님.

리액트 강의의 챕터별 코드에서 ESLint 설정 파일이 누락되어 있는 것을 확인하셨네요. ESLint 설정 파일은 프로젝트의 코드 스타일과 품질을 보장하기 위해 중요한 역할을 하지만, 강의의 자료나 예제 코드 상에서는 꼭 포함되지 않을 수도 있습니다.

ESLint 설정 파일은 일반적으로 각 개발자의 환경이나 프로젝트에 맞추어 커스터마이즈되기 때문에, 모든 챕터별 코드에 포함되어 있을 필요는 없습니다. 다만, 직접 코드를 실습하시다가 ESLint 설정이 필요하시다면, 기본적인 .eslintrc.json 또는 eslint.config.js 파일을 생성하여 사용할 수 있습니다.

예를 들어서, 기본적인 .eslintrc.json 파일은 다음과 같이 생성할 수 있습니다:

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": [
    "react"
  ],
  "rules": {
    // 자신이 필요한 룰을 추가
  }
}

기본적인 설정 이후 필요한 규칙들은 직접 추가하여 사용하실 수 있습니다. ESLint 설정 파일의 형식과 사용법에 차이가 있을 수 있으며, 이는 각 프로젝트의 필요성에 따라 다를 수 있습니다.

유사한 상황을 겪은 다른 질문자들의 사례를 더 확인하시려면 다음의 기존 Q&A를 참고해 보세요:
- ESLint 설정 파일 관련 질문
- eslintrc와 eslint.config의 차이에 대한 질문

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