자바스크립트 클래스 기반 의존성 주입과 함수 기반 의존성 주입 비교

08 Nov 2023

javascript

의존성 주입(Dependency Injection)은 소프트웨어 개발에서 중요한 개념 중 하나입니다. 의존성 주입은 객체가 다른 객체에 의존하지 않도록 만들어 유연하고 테스트 가능한 코드를 작성하는 데 도움이 됩니다.

자바스크립트에서는 주로 클래스 기반과 함수 기반으로 의존성 주입을 구현할 수 있습니다. 이 두 가지 방식을 비교해보고, 각각의 장단점에 대해 알아보겠습니다.

클래스 기반 의존성 주입

class Car {
  constructor(engine) {
    this.engine = engine;
  }
  
  start() {
    this.engine.start();
    console.log('Car started');
  }
}

class Engine {
  start() {
    console.log('Engine started');
  }
}

const engine = new Engine();
const car = new Car(engine);
car.start();

클래스 기반 의존성 주입은 주로 constructor를 통해 의존하는 객체를 주입받는 방식입니다. 위의 예제에서 Car 클래스는 Engine 객체에 의존하고 있습니다. Car 객체가 생성될 때 Engine 객체가 주입되어야 하며, Car 클래스의 start() 메서드에서 Engine 객체의 메서드를 사용할 수 있습니다.

장점:

객체 간의 관계를 명확하게 표현할 수 있습니다.
코드를 쉽게 이해하고 유지보수할 수 있습니다.
타입 체크와 의존성 주입을 컴파일러가 검사하여 오류를 찾기 쉽습니다.

단점:

의존하는 객체의 생성과 주입을 위해 불필요한 코드가 추가될 수 있습니다.
객체 간의 결합도가 높아져서 코드의 재사용성이 떨어질 수 있습니다.

함수 기반 의존성 주입

function Car(engine) {
  function start() {
    engine.start();
    console.log('Car started');
  }

  return {
    start,
  };
}

function Engine() {
  function start() {
    console.log('Engine started');
  }

  return {
    start,
  };
}

const engine = Engine();
const car = Car(engine);
car.start();

함수 기반 의존성 주입은 의존하는 객체를 인자로 받는 함수를 통해 구현됩니다. 위의 예제에서 Car 함수는 Engine 객체를 인자로 받아 start() 메서드에서 사용하고 있습니다.

장점:

의존하는 객체의 생성과 주입을 명시적으로 처리할 필요가 없습니다.
코드의 가독성이 높아지고 간결해집니다.
함수의 재사용성이 뛰어나며 테스트하기 쉽습니다.

단점:

객체 간의 관계를 파악하기 어렵습니다.
컴파일러가 타입 체크와 의존성 주입을 검사하지 못하므로 오류가 발생할 수 있습니다.

결론

클래스 기반 의존성 주입과 함수 기반 의존성 주입은 각각 장단점이 있으며, 개발 환경과 요구사항에 따라 선택할 수 있습니다. 클래스 기반은 객체 간의 관계를 명확히 표현하고 컴파일러의 검사를 받을 수 있지만, 코드의 복잡성과 재사용성에 제약이 있습니다. 반면 함수 기반은 코드의 가독성과 재사용성이 뛰어나지만, 객체 간의 관계 파악이 어렵고 타입 체크를 할 수 없는 단점이 있습니다.

자신의 프로젝트에 맞는 의존성 주입 방식을 선택하여 깔끔하고 테스트 가능한 코드를 만들어보세요.

참고 자료:

#TechBlog #JavaScript