ESLint 규칙 중 default-param-last 란?

프로그래밍을 진행하면서 코드의 가독성과 유지보수성을 높이는 것은 매우 중요합니다. ESLint는 자바스크립트 코드를 정적 분석하여 스타일링 문제와 오류를 초기에 발견하는 도구로, 다양한 규칙을 통해 개발자를 돕습니다. 오늘은 그 중에서도 default-param-last라는 규칙에 대해 살펴보겠습니다. 이 규칙은 특히 함수 파라미터와 관련된 문제를 방지하는 데 도움을 줍니다.

default-param-last 규칙이란?

default-param-last 규칙은 함수의 파라미터 중 기본값이 설정된 파라미터가 항상 마지막에 위치하도록 강제하는 ESLint의 규칙입니다. 기본값 파라미터가 중간에 위치하면 함수 호출 시 예상치 못한 동작을 초래할 수 있으며, 이는 코드의 명확성을 떨어뜨립니다. 이 규칙을 통해 이러한 잠재적 문제를 사전에 방지할 수 있습니다.

기본값 파라미터의 중요성

기본값 파라미터를 사용하면 함수가 호출될 때 해당 파라미터에 전달된 값이 없는 경우 기본값으로 대체됩니다. 이는 함수의 유연성을 높이지만, 잘못 위치했을 때는 혼란을 야기할 수 있습니다. 예를 들어:

// 문제가 될 수 있는 예시
function createUser(name = 'Anonymous', age) {
  console.log(`Name: ${name}, Age: ${age}`);
}

createUser(undefined, 30); // Name: Anonymous, Age: 30

위 예시에서 createUser 함수의 기본값 파라미터가 첫 번째에 배치되어 사용자는 두 번째 인자를 지정할 때 의도치 않은 불편함을 겪을 수 있습니다. 이런 문제를 해결하기 위해 기본값이 있는 파라미터는 항상 마지막에 위치하여야 합니다.

default-param-last 규칙의 동작 방식

ESLint의 default-param-last 규칙은 기본적으로 함수 선언이나 화살표 함수 내에서 기본값이 설정된 파라미터가 마지막에 오는지 여부를 검사합니다. 유효하지 않은 경우 오류를 발생시키며, 이는 코드 작성 시 기본값 파라미터의 위치에 더욱 주의를 기울이도록 합니다.

올바른 사용 방법

다음은 default-param-last 규칙을 준수한 올바른 파라미터 배치의 예시입니다:

// 올바른 기본값 파라미터 사용법
function createUser(age, name = 'Anonymous') {
  console.log(`Name: ${name}, Age: ${age}`);
}

createUser(30); // Name: Anonymous, Age: 30

이처럼 기본값이 있는 파라미터를 마지막에 배치함으로써 함수 호출 시 직관성과 일관성을 유지할 수 있습니다.

ESLint에서 default-param-last 규칙 설정

default-param-last 규칙은 ESLint의 옵션을 통해 활성화할 수 있으며, 기본적으로 비활성화되어 있을 경우 .eslintrc 파일을 통해 다음과 같이 설정할 수 있습니다:

{
  "rules": {
    "default-param-last": "error"
  }
}

이 설정을 통해 기본값 파라미터의 위치 오류를 효율적으로 방지하고 코드의 가독성과 유지보수성을 높일 수 있습니다.

결론

default-param-last 규칙은 함수 파라미터의 기본값 설정이 잘못된 위치에 있을 때 발생할 수 있는 혼란을 막기 위한 유용한 도구입니다. 올바르게 이 규칙을 사용하면 코드의 일관성을 유지하고, 의도하지 않은 함수 호출로 인한 문제를 줄일 수 있습니다. 앞으로 함수 작성 시 이 규칙을 활용하여 코드의 품질을 한층 더 향상해 보세요!