본문 바로가기

Web 프로그래밍211

[Javascript] 퍼사드 패턴 퍼사드 패턴은 아주 간단하다. 이 글을 읽는 개발자들 모두 아마 한 번씩은 경험해 보았을 것이다. 퍼사드 패턴은 여러개의 작업처리를 하는 것을 하나로 묶어서 처리를 하는 것을 의미한다. 간단한 예제로 이벤트 버블링을 보겠다. 위의 두개의 함수는 다른 목적을 가져서 별도로 유지되어야 하는 것이 맞지만 한꺼번에 호출하는 경우도 많다. 그래서 이 둘을 함께 호출하는 메서드를 생성하는 것이 좋다. 2016. 6. 7.
[Javascript] 전략 패턴 전략패턴이란? 패턴을 전략적으로 사용한다. 라는 뜻을 생각해보고 가자. 전략패턴은 동일한 인터페이스를 유지하면서, 특정한 작업을 처리할 알고리즘을 상황에 맞게 선택해서 검증해주는 패턴이다. 가장 많이 사용하는 전략패턴은 폼 유효성 검사이다. 유효성 검사를 하지 못하면 에러를 반환하는 것을 뜻한다. 또는 글을 삭제할 때 글의 존재여부 확인, 글의 권한 확인 등 모두 전략패턴이다 2016. 6. 7.
[Javascript] 장식자 패턴 장식자 패턴이란 하나(부모)의 기본값이 정해져 있고 나머지(자식) 동적으로 변경될 수 있는 값들에 대해서 확장하여 변경하여 사용할 수 있는 패턴 예를 들어 생각해보자. 물건을 하나 구입하는데 배송비의 기본 가격은 2,500원 이다. 그러나 가까운 지역일 경우에는 무료로 진행되기도 할 것이고, 제주도나 산간지역은 2,500원이 더 붙어서 가격이 적용될 수도 있다. 또한 포인트 금액을 사용하여 1,000원을 할인하여 가격이 적용될 수도 있다. 쉽게 이해가 되겠는가? 위와 같은 경우에 장식자 패턴을 이용할 수 있다. 2016. 6. 7.
[Javascript] 반복자 패턴 반복자 패턴은 말 그대로 반복적인 요소를 필요로 할 때 사용하는 패턴이다. 데이터가 저장된 내부구조는 복잡할지라도 개별 요소에 쉽게 접근할 방법이 필요 하다. 그러므로 데이터가 어떤식으로 되어있는지는 알 필요가 없고 개별 요소로 원하는 작업만 할 수 있으면 된다. 반복자 패턴에서는 next() 라는 함수를 제공한다. 전혀 어렵지 않은 패턴이다. 2016. 6. 7.
[Javascript] 팩토리 패턴 팩토리 패턴의 가장 큰 목적은 비슷한 객체를 반복수행할 수 있도록 생성하는 것이다. 또한 팩토리 패턴의 사용자가 구체적인 타입을 모르고도 객체를 생성할 수 있게 해준다. 팩토리 패턴은 만들어진 객체들을 생성하기 때문에 동일한 부모 객체를 상속한다. 예제를 보자 위의 예제는 팩토리 패턴을 구현한 예제 이다. 요구도는 타입의 객체를 생성하는 생성자 함수를 찾아내기만 하면 된다. 2016. 6. 7.
[Javascript] 싱글톤 패턴 디자인 패턴은 꽤 오랫동안 쓰여왔고, 다양한 상황에서 유용하다는 것이 입증되었다. 디자인패턴은 친숙해지는 것이 좋다. 우선 디자인패턴의 가장 기본적으로 되는 싱글톤 패턴에 대해 알아보자. 1. 싱글톤패턴 싱글톤 패턴은 특정 클래스의 인스턴스를 오직 한 개만 가지고 있는 것이다. 즉 동일한 클래스에서 객체를 생성하면, 두 번째 생성부터는 처음 만들어진 객체를 얻게 되는 것. 자바스크립트에서는 클래스가 없어서 엄밀히 말하면 싱글톤이라는 말은 이치에 맞지 않지만 몇가지 방법을 사용하여 싱글톤을 구현할 수 가 있다. 1) new 생성자 사용하기 가장 간단하지만 인스턴스 생성을 위해 전역변수를 사용한다. 좋은 방법은 아니다. 2) 스태틱 프로퍼티에 인스턴스 저장 3) 클로저에 인스턴스 저장 2016. 6. 7.

티스토리툴바