ESLint 규칙 중 no-implied-eval 란?

no-implied-eval 규칙은 무엇인가?
no-implied-eval 규칙의 중요성
no-implied-eval 규칙의 작동 방식
no-implied-eval 규칙 설정 방법
결론

JavaScript 개발을 하다보면, 코드의 안전성과 성능을 유지하는 것이 매우 중요합니다. 이러한 맥락에서 ESLint는 JavaScript 코드 품질을 유지하는데 큰 역할을 하는 도구입니다. 이번 글에서는 ESLint 규칙 중 하나인 no-implied-eval에 대해 알아보겠습니다.

no-implied-eval 규칙은 무엇인가?

no-implied-eval은 JavaScript 코드에서 암묵적인 eval() 호출을 방지하는 ESLint 규칙입니다. eval() 함수는 문자열로 전달된 코드를 실행하는 함수로, 잘못 사용될 경우 보안상 큰 문제가 발생할 수 있습니다. 직접적인 eval() 호출을 피하는 것만으로 충분하지 않으며, 암묵적으로 eval()와 유사하게 동작하는 코드 역시 주의해야 합니다. 이 규칙은 setTimeout(), setInterval() 같은 함수에서 문자열을 사용하지 못하도록 경고합니다.

no-implied-eval 규칙의 중요성

eval() 함수는 성능 저하 및 보안 문제를 야기할 수 있습니다. 특히 외부 입력을 그대로 eval()을 통해 실행하게 되면, 악의적인 사용자가 임의의 코드를 실행할 수 있는 보안 취약점이 생길 수 있습니다. no-implied-eval 규칙을 통해 이런 문제를 사전에 방지할 수 있습니다.

no-implied-eval 규칙의 작동 방식

no-implied-eval 규칙은 다음과 같은 상황을 감지하여 경고합니다:

• setTimeout()이나 setInterval() 함수에 문자열 인자를 전달한 경우
• new Function() 생성자가 문자열로 된 인자를 받는 경우

이런 형태의 코드는 일반적으로 코드의 동적 평가와 관련된 보안 문제를 내포할 수 있습니다.

// 잘못된 예시 (경고 발생)
setTimeout("alert('Hi!')", 1000);
setInterval("console.log('Hello!')", 3000);
new Function('console.log("Hello World")');

// 올바른 예시
setTimeout(() => alert('Hi!'), 1000);
setInterval(() => console.log('Hello!'), 3000);
new Function('a', 'b', 'return a + b');

no-implied-eval 규칙 설정 방법

no-implied-eval은 기본적으로 ESLint에서 비활성화되어 있습니다. 이를 활성화하려면 .eslintrc 파일에 다음과 같이 규칙을 추가할 수 있습니다.

{
  "rules": {
    "no-implied-eval": "error"
  }
}

이를 통해 암묵적으로 eval()과 유사하게 동작하는 코드 사용을 방지할 수 있습니다.

결론

JavaScript 코드에서 가독성과 유지보수성을 높이기 위해 ESLint는 중요한 도구입니다. 특히 no-implied-eval 규칙은 보안과 성능을 위해 꼭 지켜야 할 규칙 중 하나입니다. 이 규칙을 통해 코드에서 암묵적인 eval() 사용을 피하고, 코드의 안전성을 높일 수 있습니다. 코드를 작성할 때는 항상 이러한 규칙을 염두에 두고 작성하여 예상치 못한 문제를 사전에 방지하시기 바랍니다.