2 asked

0

안녕하세요 🙂

컨벤션에 대해 말씀드리면

주요 ESLint 컨벤션

대표적인 컨벤션:

• Airbnb Style Guide - 가장 인기 있는 JavaScript 컨벤션

• Standard JS - 세미콜론 없는 스타일

• Google Style Guide - 구글의 JavaScript 컨벤션

Vue 전용:

• vue/recommended - Vue 공식 권장 규칙

설치 예시

# Airbnb (가장 많이 사용)
npm install --save-dev eslint-config-airbnb-base

# Standard
npm install --save-dev eslint-config-standard

추천

실무에서는 Airbnb 가장 많이 사용하고, Vue 프로젝트면 eslint-plugin-vue 추가하면 됩니다.

팀 상황에 맞게 선택하거나 커스터마이징해서 사용하는 걸 권장드립니다.~!

0

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

ESLint는 JavaScript 코드의 품질과 일관성을 높이기 위해 광범위하게 사용되며, 특정 프로젝트나 팀 내부적으로 설정이 다를 수 있습니다. 하지만 많은 개발자들이 사용하는 몇 가지 공통적인 컨벤션이 있습니다.

1. Airbnb 스타일 가이드: JavaScript와 React에 관해 매우 포괄적인 규칙들을 제공하는 스타일 가이드입니다. 광범위하게 채택되어 있고, 설치도 간단합니다.

2. StandardJS: 가장 간단하면서도 효율적인 스타일 가이드 중 하나로, 명확하고 논란의 여지가 없어 널리 사용됩니다.

3. Google JavaScript 스타일 가이드: Google에서 사용되는 스타일로, 명확하고 실용적인 규칙들을 포함하고 있습니다.

각 스타일 가이드는 미리 정의된 규칙 세트를 제공하므로, 이를 기반으로 시작해서 필요한 대로 규칙을 추가하거나 제거할 수 있습니다.

위 스타일 가이드들을 ESLint 설정에 적용하는 방법에 대한 유사 질문이 있어 참고하실 수 있습니다:

• 프로젝트에 eslint와 prettier를 나중에 추가하고 싶습니다.
  

이 게시물에서는 ESLint와 Prettier를 프로젝트에 추가하는 방법과 함께 설치 명령어 및 설정 파일의 예시를 설명하고 있습니다.

다른 관련 질문이나 궁금한 점이 있으면 자유롭게 질문해 주세요. 지식공유자님께서 추가적인 조언을 제공할 것입니다.

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