ESLint 규칙 중 no-multi-str 란?

by

목차

  1. ESLint no-multi-str 규칙이란?
  2. no-multi-str 규칙의 목적
  3. no-multi-str 규칙의 예시
  4. no-multi-str 규칙 설정 방법
  5. 결론

ESLint no-multi-str 규칙이란?

코드를 작성할 때 여러 줄의 문자열을 처리해야 하는 경우가 많습니다. 직관적으로 여러 줄의 문자열을 표현하기 위해 백슬래시(\)를 사용해 다음 줄로 이어지는 방식이 일반적입니다. 하지만 이는 몇 가지 문제를 일으킬 수 있습니다. 이러한 문제를 예방하기 위해 ESLint는 "no-multi-str" 규칙을 제공합니다. 이 규칙은 코드에서 여러 줄 문자열을 허용하지 않도록 제한하고 있습니다. ESLint 규칙 문서에서 더 자세한 정보를 확인할 수 있습니다.

no-multi-str 규칙의 목적

"no-multi-str" 규칙의 주된 목적은 코드의 가독성을 유지하고 이를 통해 발생할 수 있는 오류를 방지하기 위함입니다. 백슬래시를 사용해 여러 줄의 문자열을 생성할 경우, 특정 환경이나 툴에서는 이 문자열을 제대로 해석하지 못할 수 있어 버그의 원인이 될 수 있습니다. 따라서 이를 엄격히 제한하여 동작의 일관성을 유지하려는 것입니다.

no-multi-str 규칙의 예시

아래는 "no-multi-str" 규칙에 의해 경고가 발생할 수 있는 코드의 예시입니다.

// 경고가 발생하는 경우
const multilineString = "이 문자열은 \
여러 줄로 \
이어져 있습니다.";

위 코드는 백슬래시를 사용해 여러 줄로 연결된 문자열을 생성하고 있습니다. ESLint는 이러한 방식을 경고하고, 더욱 명확하고 안전한 방법을 사용할 것을 권장합니다.

올바른 방법은 템플릿 리터럴을 사용하는 것입니다.

// 템플릿 리터럴을 사용하는 올바른 예시
const multilineString = `이 문자열은
여러 줄로
이어져 있습니다.`;

템플릿 리터럴을 사용하면 여러 줄에 걸쳐 문자열을 직접 선언할 수 있으며, 이는 코드 가독성을 높이고 잠재적인 오류를 미연에 방지할 수 있습니다.

no-multi-str 규칙 설정 방법

"no-multi-str" 규칙은 ESLint의 기본 규칙으로, 필요에 따라 설정 파일을 통해 명시적으로 관리할 수 있습니다. 규칙을 명시적으로 설정하려면 .eslintrc 파일에 아래의 설정을 추가하면 됩니다.

{
  "rules": {
    "no-multi-str": "error"
  }
}

위 설정은 여러 줄 문자열 사용 시 "error"를 발생시키도록 강제합니다. 필요에 따라 "warn"으로 변경하여 경고만 발생하게 할 수도 있습니다.

결론

"no-multi-str" 규칙은 여러 줄 문자열 선언을 제한함으로써 코드의 일관성과 가독성을 유지하고, 잠재적 오류를 예방하는 데 중요한 역할을 합니다. 코드를 작성할 때 템플릿 리터럴을 활용하여 보다 명확하고 안전한 문자열 처리를 가능하게 하세요. 이를 통해 코드의 품질을 향상시키고, 예상치 못한 버그를 미리 방지할 수 있습니다.

Leave a Comment