TS-LOG

프로그래밍/JavaScript 디자인 패턴

싱글턴 패턴 (Singleton Pattern)

싱글턴 패턴 기본 개념 싱글턴 패턴은 특정 클래스의 인스턴스를 하나만 생성하고 해당 인스턴스를 전역적으로 접근하게 해주는 것이다. 여기서 특정 클래스란 개발하는 주체에 유일하게 하나만 존재하는 자원이나 기능을 말한다. 예를 들어 마우스 컨트롤러나 파일이나 이미지 로더가 대표적인 예시다. 마우스를 제어하거나 파일 또는 이미지 로드하는 것은 전역적으로 사용되는 기능이다. 만약 그때마다 새 인스턴스를 생성한다면 이것은 자원 낭비다. 즉 싱글턴 패턴은 유일무이한 기능을 가진 하나만 존재하는 인스턴스이며 해당 인스턴스를 전역적으로 접근 보장해 주는 패턴이다. 싱글턴 패턴 구현 자바스크립트에서 싱글턴은 여러 방법으로 구현할 수 있다. 다음은 파일명을 지정하고 로드 세이브를 하는 파일매니저를 싱글턴 패턴으로 구현한 ..

프로그래밍/JavaScript 디자인 패턴

팩토리 패턴 (Factory Pattern)

객제 지향 언어에서 new 라는 키워드로 생성된 객체는 결합 관계가 강력한 코드이다. 이것을 의존성이라고 하는데, 팩토리 패턴은 이러한 의존성을 느슨하게 만들어 코드의 가독성을 높이고 유연성을 올려주는 디자인 패턴이다. 팩토리 패턴 기본 개념 팩토리 패턴은 객체 생성을 담당하는 별도의 팩토리 클래스를 정의하고 이 클래스를 통해 객체를 생성한다. 즉, 클라이언트 코드에서 직접 new를 통한 객체를 생성하지 않고 팩토리 클래스에 생성을 위임 하는 것이다. 팩토리 패턴 구현 캔버스 태그에 도형을 그려야 하는 코드를 프로그래밍 한다고 가정해 보자. 도형의 모양이 사각형이라면 사각형 클래스(Rect Class)로 생성을 하고 원형이라면 원형 클래스(Circle Class)로 생성을 해야 한다. 여기에 팩토리 패턴..