← Back to rules

unicorn/prefer-modern-dom-apis 스타일

An auto-fix is available for this rule.

어떤 기능을 하는가

다음과 같은 최신 DOM API 사용을 강제합니다:

• childNode.replaceWith(newNode) → parentNode.replaceChild(newNode, oldNode)
• referenceNode.before(newNode) → parentNode.insertBefore(newNode, referenceNode)
• referenceNode.before('text') → referenceNode.insertAdjacentText('beforebegin', 'text')
• referenceNode.before(newNode) → referenceNode.insertAdjacentElement('beforebegin', newNode)

왜 좋지 않은가?

최신 DOM API를 사용하는 데는 다음과 같은 장점이 있습니다:

• 부모 노드로의 탐색이 필요 없음.
• 여러 노드를 한 번에 추가할 수 있음.
• DOMString과 DOM 노드 객체 모두를 조작할 수 있음.

예시

이 규칙에 부적절한 코드 예시:

oldChildNode.replaceWith(newChildNode);

이 규칙에 적절한 코드 예시:

parentNode.replaceChild(newChildNode, oldChildNode);

사용 방법

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

구성 파일 (.oxlintrc.json)

{
  "rules": {
    "unicorn/prefer-modern-dom-apis": "error"
  }
}

CLI

oxlint --deny unicorn/prefer-modern-dom-apis

참고자료

• 규칙 소스