에바니네

MVC, MVP, MVVM 패턴

MVC 패턴 애플리케이션의 구성 요소를 세 가지 역할로 구분하여 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발할 수 있도록 하는 소프트웨어 아키텍쳐 패턴입니다. 관심사를 모델, 뷰, 컨트롤러라는 세가지 구성 요소로 분리하는 것을 목적으로 합니다. 모델(Model): 모델은 애플리케이션의 데이터와 비즈니스 로직을 나타냅니다. 데이터를 캡슐화하고 조작하며, 데이터에 액세스하기 위한 메서드를 제공합니다. 뷰에서 데이터를 생성하거나 수정하면 컨트롤러를 통해 모델을 생성하거나 갱신합니다. 클라이언트 측 데이터 조작이나 유효성 검사도 포함될 수 있습니다. 뷰(View): 뷰는 응용 프로그램에서 표현 계증을 담당하고, 데이터를 어떻게 사용자에게 표시할지 정의합니다. 이때 모델이 가지고 있는 정보를 따로 저장하..

이터레이터 패턴 ( Iterator Pattern )

이터레이터 패턴이란 ? 이터레이터를 사용하여 컬렉션의 요소들에 접근하는 디자인 패턴이다. 배열이나 컬렉션과 같은 집합 객체의 요소들에 순차적으로 접근할 수 있는 방법을 제공하면서도 객체의 내부 구조를 노출시키지 않습니다. Iterator 패턴은 컬렉션의 구체적인 구조나 구현 방식에 상관없이 일관된 방식으로 요소들을 반복할 수 있도록 해주므로 코드를 모듈화하고 유연하게 만듭니다. 자바스크립트에서는 내장된 iterator 프로토콜을 사용하여 Iterator 패턴을 구현합니다. Iterator 프로토콜은 객체가 반복 동작을 정의하는 표준적인 방법을 정의합니다. 이 프로토콜을 구현하는 객체는 Symbol.iterator라는 메소드가 제공되어야합니다. 자바스크립트 이터레이터 패턴 예시 const mp = new ..

프록시 패턴 ( Proxy Pattern )

프록시 패턴이란 ? 대상 객체에 접근하기 전 그 접근에 대한 흐름을 가로채 대상 객체 앞단의 인터페이스 역할을 하는 디자인 패턴입니다. 프록시 객체를 통해 활용하기도 하지만 프록시 서버로도 활용이 많이됩니다. 프록시 서버란 ? 프록시 서버는 클라이언트와 다른 서버 사이에서 중개자 역할을 하는 중간 서버입니다. 클라이언트가 리소스에 접근하기 위해 요청을 보내면, 요청은 먼저 프록시 서버로 전송되고, 프록시 서버는 클라이언트를 대신하여 적절한 서버로 요청을 전달합니다. 프록시 서버는 필요에 따라 요청과 응답을 수정, 필터링 또는 캐시할 수 있으며, 그 후에 클라이언트에게 다시 전송합니다. 그리고 현재 책에서 예시로 든 프록시 서버는 nginx가 있습니다. nginx는 비동기 이벤트 기반의 구조와 다수의 연결..

옵저버 패턴 ( Observer Pattern )

옵저버 패턴이란 ? 주체가 어떤 객체(object)의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴입니다. The Observer pattern, also known as the Publish/Subscribe pattern, facilitates communication between two entities: the subject (also called the observable) and the observers (or subscribers). The subject is responsible for maintaining a list of observers and notifying them when a change occur..

전략 패턴 ( Strategy pattern )

전략 패턴이란? Strategy 패턴을 사용하면 서로 다른 알고리즘이나 동작을 상호 교환 가능한 객체로 캡슐화하여 런타임에 동적으로 전략을 선택할 수 있습니다. 전략 패턴은 상속보다 컴포지션 사용을 장려하는 동작 디자인 패턴입니다. 이를 통해 전략이라고 하는 별도의 클래스 내에 캡슐화된 상호 교환 가능한 알고리즘 구성을 정의할 수 있습니다. 이렇게 하면 전략을 사용하는 클라이언트 코드에 영향을 주지 않고 서로 다른 전략 간에 쉽게 전환할 수 있습니다. 전략패턴의 장점 ? 알고리즘의 캡슐화: 다양한 알고리즘이나 동작을 자체 클래스 내에 캡슐화하여 이해, 수정 및 테스트하기 쉽게 만듭니다. 코드 유지 관리 간소화: 클라이언트 코드와 분리되어 있으므로 전략을 변경해도 다른 전략이나 클라이언트 코드 자체에 영향..

팩토리 패턴 ( Factory Pattern )

팩토리 패턴이란? Factory 패턴은 객체를 명시적으로 구체적인 클래스를 지정하지 않고 생성하는 방법을 제공하는 생성 패턴입니다. Factory 클래스내에서 객체 생성 로직을 캡슐화하여 공통 인터페이스를 통해 관련 객체의 인스턴스를 생성할 수 있습니다. 즉 상위 클래스가 중요한 뼈대를 결정하고, 하위 클래스에서 객체 생성에 관한 구체적인 내용을 결정하는 패턴이다. 이를 통해 느슨한 결합을 가지며 상위 클래스에서는 인스턴스 생성 방식에 대해 전혀 알 필요가 없기 때문에 더 많은 유연성을 갖게 됩니다. 그리고 객체 생성 로직이 따로 분리되어 있기 때문에 코드 리팩터링할때 한 곳만 고치면 되니 유지보수성이 증가됩니다. 자바스크립트 클래스를 통한 팩토리 패턴 대표적인 예 코드 1 2 3 4 5 6 7 8 9 ..

싱글톤 패턴 ( Singleton Pattern )

잊지않기위해 기록해보겠습니다. 싱글톤 패턴 ( singleton pattern ) Singleton is a design pattern that tells us that we can create only one instance of a class and that instance can be accessed globally. 싱글톤은 클래스의 인스턴스를 하나만 생성할 수 있고 해당 인스턴스는 전역적으로 액세스할 수 있다는 것을 알려주는 디자인 패턴입니다. 그리고 저자분에 의하면 데이터베이스 연결 모듈에 많이 사용된다고 합니다. 싱글톤 패턴은 하나의 인스턴스를 만들어 놓고 해당 인스턴스를 다른 모듀들이 공유하기 때문에 비용이 줄어드는 장점이 있지만 의존성이 높아지게됩니다. 실제 mysql DB 연결 예제입니..