ESLint 규칙 중 no-param-reassign 란?

by

ESLint 규칙 중 no-param-reassign 란?

목차

  1. ESLint란 무엇인가?
  2. no-param-reassign 규칙의 정의
  3. no-param-reassign 규칙의 필요성
  4. no-param-reassign 규칙 사용 시 주의사항
  5. no-param-reassign 규칙의 실제 적용 사례
  6. ESLint에서 no-param-reassign 규칙 설정 방법
  7. 결론

ESLint란 무엇인가?

ESLint는 풍부하고 다양한 규칙을 통해 JavaScript 코드를 분석하고 문제를 식별하는 도구입니다. 개발자는 이러한 규칙을 활용해 코드의 일관성을 유지하고 잠재적인 버그를 방지할 수 있습니다. 이러한 ESLint 규칙 중 하나가 바로 no-param-reassign으로, 이 규칙은 JavaScript 개발자에게 특히 중요한 역할을 담당합니다.

no-param-reassign 규칙의 정의

no-param-reassign 규칙은 함수의 매개변수(parameter)를 직접 수정하는 것을 금지합니다. 함수는 인자를 전달받아 내부적으로 처리한 후 결과를 반환하는 것이 일반적입니다. 그런데, 때때로 함수 안에서 매개변수를 직접 재할당하면 원래의 인자가 의도치 않게 변경될 수 있습니다. 이는 코드의 가독성을 떨어트리고 디버깅을 어렵게 하는 원인 중 하나로 꼽힙니다.

no-param-reassign 규칙의 필요성

이 규칙의 도입 배경에는 다음과 같은 이유들이 자리잡고 있습니다:

  • 불변성 유지: 매개변수를 불변으로 유지함으로써 함수가 예상치 못한 부작용을 일으키는 것을 방지합니다.
  • 코드 가독성 향상: 함수 내에서 매개변수를 변경하지 않음으로써 코드의 흐름을 더 명확하게 이해할 수 있습니다.
  • 버그 방지: 매개변수를 수정하면서 발생할 수 있는 잠재적인 버그를 줄입니다.

no-param-reassign 규칙 사용 시 주의사항

이 규칙을 준수하기 위해서는 함수 내에서 매개변수를 수정하거나 변형하려는 유혹을 피해야 합니다. 대신, 매개변수를 보존하고 새로운 변수를 선언하여 필요에 따라 작업하는 방법을 권장합니다. 이런 방식은 데이터의 불변성을 유지하면서 더 깨끗하고 예측 가능한 코드를 작성하는 데 도움을 줍니다.

예를 들어, 아래 코드는 no-param-reassign 규칙에 위배됩니다:

function incrementValue(obj) {
  obj.value += 1;
}

위의 예제는 obj라는 매개변수를 직접 수정하고 있습니다. 이를 수정하려면 새로운 변수를 사용해야 합니다:

function incrementValue(originalObj) {
  const newObj = { ...originalObj, value: originalObj.value + 1 };
  return newObj;
}

이러한 방식으로 매개변수를 직접 변경하지 않음으로써, 함수의 입출력 관계가 훨씬 예측 가능해집니다.

no-param-reassign 규칙의 실제 적용 사례

이 규칙은 대형 프로젝트나 팀 기반으로 작업을 할 때 특히 유용합니다. 매개변수 변형으로 인한 문제점을 초기에 방지함으로써 여러 개발자가 공통 코드를 안전하게 공유하고 유지보수할 수 있습니다.

실제로 복잡한 코드베이스에서 매개변수의 불변성을 유지하는 것은 코드의 신뢰성을 크게 향상시킵니다. 이는 디버깅 시간의 단축과 유지보수의 효율성을 높여 줍니다.

ESLint에서 no-param-reassign 규칙 설정 방법

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

{
  "rules": {
    "no-param-reassign": ["error", { "props": true }]
  }
}

이 설정을 통해 매개변수 및 매개변수의 프로퍼티에 대한 재할당을 모두 금지할 수 있습니다. 만약 프로퍼티 수정을 허용하고 싶다면 props 설정을 false로 변경할 수 있습니다.

결론

no-param-reassign 규칙은 매개변수를 직접 수정하는 것에 대한 규제 역할을 하며, 이를 통해 코드의 안정성과 예측 가능성을 높입니다. 함수 내 매개변수 변경이 초래할 수 있는 부작용을 예방하고 더 클린한 코드를 작성하도록 도와줍니다. 팀 협업이나 긴 코드를 관리할 때, 이 규칙을 통하여 더 효과적인 코드 품질 관리를 기대할 수 있습니다.

개발자는 이러한 규칙을 통해 강력하고 유지보수 가능한 코드를 작성할 수 있으며, 이는 결과적으로 프로젝트의 성공과 효율성을 크게 향상시킵니다.

Leave a Comment