← Back to rules

eslint/no-template-curly-in-string 스타일

작동 방식

정규 문자열 내에서 템플릿 리터럴 플레이스홀더 구문(${...})을 허용하지 않습니다. 이 규칙은 ${변수}와 같은 표현이 템플릿 리터럴 내부에서만 사용되도록 보장하여, 정규 문자열에서 잘못된 사용을 방지합니다.

왜 좋지 않은가?

ECMAScript 6는 백틱() 사이에 ${변수}와 같은 표현을 포함시켜 변수나 식을 포함하는 문자열을 생성할 수 있도록 허용합니다. 만약 템플릿 리터럴 구문을 일반 따옴표('또는")와 함께 사용하면, 표현식이 평가되지 않고 그대로 "${변수}"`라는 문자열로 처리됩니다. 이 규칙은 이러한 실수를 방지해 주며, 표현식이 템플릿 리터럴 내에서 올바르게 평가되도록 보장합니다.

예시

이 규칙에 잘못된 코드 예시:

"Hello ${name}!";
"Hello ${name}!";
"Time: ${12 * 60 * 60 * 1000}";

이 규칙에 올바른 코드 예시:

`Hello ${name}!`;
`Time: ${12 * 60 * 60 * 1000}`;
templateFunction`Hello ${name}`;

사용 방법

구성 파일 또는 명령줄 인터페이스를 통해 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:

Config (.oxlintrc.json)

{
  "rules": {
    "no-template-curly-in-string": "error"
  }
}

CLI

oxlint --deny no-template-curly-in-string

참고 자료

• 규칙 소스