[javascript] 모듈화와 네임스페이스 패턴

07 Dec 2023

javascript

JavaScript 프로젝트를 개발하다보면 코드를 모듈화하는 것이 중요합니다. 모듈화를 통해 코드의 구조를 잘 정리하고 유지보수를 용이하게 할 수 있습니다. 이러한 모듈화를 위해 네임스페이스 패턴을 사용할 수 있습니다.

네임스페이스 패턴이란?

네임스페이스 패턴은 JavaScript에서 코드를 모듈화하는 방법 중 하나입니다. 이 패턴은 객체를 사용하여 코드를 그룹화하고, 전역 네임스페이스를 오염시키는 것을 방지합니다.

var MyNamespace = {};

MyNamespace.myFunction = function() {
  // 함수의 구현 내용
};

MyNamespace.myVariable = "Hello World";

위의 예시에서 MyNamespace라는 객체를 사용하여 함수와 변수를 모듈화했습니다. 이렇게 하면 전역 범위에서 함수와 변수 이름이 중복되는 것을 방지할 수 있습니다.

모듈화하기

네임스페이스 패턴을 사용하여 모듈화된 코드를 작성하면 전역 공간을 깨끗하게 유지할 수 있습니다. 이를 통해 코드의 중복성을 줄이고, 코드의 의도를 명확하게 전달할 수 있습니다.

var MyModule = (function() {
  // 프라이빗 변수와 함수 선언
  var privateVariable = 10;

  function privateFunction() {
    console.log("This is a private function");
  }

  // 퍼블릭 메서드 반환
  return {
    publicMethod: function() {
      privateFunction();
      console.log("This is a public method");
    },
    publicVariable: 20
  };
})();

MyModule.publicMethod(); // "This is a private function", "This is a public method"
console.log(MyModule.publicVariable); // 20

위의 예시에서 MyModule이라는 즉시 실행 함수를 사용하여 모듈화된 코드를 작성했습니다. 이를 통해 privateVariable과 privateFunction과 같은 프라이빗 멤버와 publicMethod와 publicVariable과 같은 퍼블릭 멤버를 가지는 모듈을 생성할 수 있습니다.

요약

네임스페이스 패턴은 JavaScript에서 코드를 모듈화하는 방법 중 하나로, 객체를 사용하여 모듈을 그룹화하는 것입니다. 이를 통해 전역 네임스페이스 오염을 방지하고 코드의 구조를 개선할 수 있습니다. 모듈화된 코드는 읽기 쉽고 유지보수하기가 편리하며, 코드의 중복을 줄일 수 있습니다.

네임스페이스 패턴이란?

모듈화하기

요약

참고 자료