CSS 셀렉터 

데코레이터 패턴

// the Window interface
interface Window {
    public void draw(); // draws the Window
    public String getDescription(); // returns a description of the Window
}
 
 
// implementation of a simple Window without any scrollbars
class SimpleWindow implements Window {
    public void draw() {
        // draw window
    }
 
    public String getDescription() {
        return "simple window";
    }
}

// abstract decorator class - note that it implements Window
abstract class WindowDecorator implements Window {
    protected Window decoratedWindow; // the Window being decorated
 
    public WindowDecorator (Window decoratedWindow) {
        this.decoratedWindow = decoratedWindow;
    }
}
 
 
// the first concrete decorator which adds vertical scrollbar functionality
class VerticalScrollBarDecorator extends WindowDecorator {
    public VerticalScrollBarDecorator (Window decoratedWindow) {
        super(decoratedWindow);
    }
 
    public void draw() {
        drawVerticalScrollBar();
        decoratedWindow.draw();
    }
 
    private void drawVerticalScrollBar() {
        // draw the vertical scrollbar
    }
 
    public String getDescription() {
        return decoratedWindow.getDescription() + ", including vertical scrollbars";
    }
}
 
 
// the second concrete decorator which adds horizontal scrollbar functionality
class HorizontalScrollBarDecorator extends WindowDecorator {
    public HorizontalScrollBarDecorator (Window decoratedWindow) {
        super(decoratedWindow);
    }
 
    public void draw() {
        drawHorizontalScrollBar();
        decoratedWindow.draw();
    }
 
    private void drawHorizontalScrollBar() {
        // draw the horizontal scrollbar
    }
 
    public String getDescription() {
        return decoratedWindow.getDescription() + ", including horizontal scrollbars";
    }
}

public class DecoratedWindowTest {
    public static void main(String[] args) {
        // create a decorated Window with horizontal and vertical scrollbars
        Window decoratedWindow = new HorizontalScrollBarDecorator (
                new VerticalScrollBarDecorator(new SimpleWindow()));
 
        // print the Window's description
        System.out.println(decoratedWindow.getDescription());
    }
}

#include <iostream>
 
using namespace std;
 
/* Component (interface) */
class Widget {
 
public: 
  virtual void draw() = 0; 
  virtual ~Widget() {}
};  
 
/* ConcreteComponent */
class TextField : public Widget {
 
private:                  
   int width, height;
 
public:
   TextField( int w, int h ){ 
      width  = w;
      height = h; 
   }
 
   void draw() { 
      cout << "TextField: " << width << ", " << height << '\n'; 
   }
};
 
/* Decorator (interface) */                                           
class Decorator : public Widget {
 
private:
   Widget* wid;       // reference to Widget
 
public:
   Decorator( Widget* w )  { 
     wid = w; 
   }
 
   void draw() { 
     wid->draw(); 
   }
 
   ~Decorator() {
     delete wid;
   }
};
 
/* ConcreteDecoratorA */
class BorderDecorator : public Decorator { 
 
public:
   BorderDecorator( Widget* w ) : Decorator( w ) { }
   void draw() {
      Decorator::draw();    
      cout << "   BorderDecorator" << '\n'; 
   }  
};
 
/* ConcreteDecoratorB */
class ScrollDecorator : public Decorator { 
public:
   ScrollDecorator( Widget* w ) : Decorator( w ) { }
   void draw() {
      Decorator::draw(); 
      cout << "   ScrollDecorator" << '\n';
   }  
};
 
int main( void ) {
 
   Widget* aWidget = new BorderDecorator(
                     new ScrollDecorator(
                     new TextField( 80, 24 )));
   aWidget->draw();
   delete aWidget;
}

namespace GSL_Decorator_pattern
{
        interface IWindowObject
        {
                void draw(); // draws the object
                String getDescription(); // returns a description of the object
        }
 
 
        class ControlComponent : IWindowObject
        {
                public ControlComponent()
                {
                }
 
                public void draw() // draws the object
                {
                        Console.WriteLine( "ControlComponent::draw()" ); 
                }
 
                public String getDescription() // returns a description of the object
                {
                        return "ControlComponent::getDescription()";
                }
        }
 
        abstract class Decorator : IWindowObject
        {
                protected IWindowObject _decoratedWindow = null; // the object being decorated
 
                public Decorator( IWindowObject decoratedWindow )
                {
                        _decoratedWindow = decoratedWindow;
                }
 
                public virtual void draw()
                {
                        _decoratedWindow.draw();
                        Console.WriteLine("\tDecorator::draw() ");
                }
 
                public virtual String getDescription() // returns a description of the object
                {
                        return _decoratedWindow.getDescription() + "\n\t" + "Decorator::getDescription() ";
                }
        }
 
        // the first decorator 
        class DecorationA : Decorator
        {
                public DecorationA(IWindowObject decoratedWindow) : base(decoratedWindow)
                {
                }
 
                public override void draw()
                {
                        base.draw();
                        DecorationAStuff();
                }
 
                private void DecorationAStuff()
                {
                        Console.WriteLine("\t\tdoing DecorationA things");
                }
 
                public override String getDescription()
                {
                        return base.getDescription() + "\n\t\tincluding " + this.ToString();
                }
 
        }// end  class ConcreteDecoratorA : Decorator
 
        class DecorationB : Decorator
        {
                public DecorationB(IWindowObject decoratedWindow) : base(decoratedWindow)
                {
                }
 
                public override void draw()
                {
                        base.draw();
                        DecorationBStuff();
                }
 
                private void DecorationBStuff()
                {
                        Console.WriteLine("\t\tdoing DecorationB things");
                }
 
                public override String getDescription()
                {
                        return base.getDescription() + "\n\t\tincluding " + this.ToString();
                }
 
        }// end  class DecorationB : Decorator
 
        class DecorationC : Decorator
        {
                public DecorationC(IWindowObject decoratedWindow) : base(decoratedWindow)
                {
                }
 
                public override void draw()
                {
                        base.draw();
                        DecorationCStuff();
                }
 
                private void DecorationCStuff()
                {
                        Console.WriteLine("\t\tdoing DecorationC things");
                }
 
                public override String getDescription()
                {
                        return base.getDescription() + "\n\t\tincluding " + this.ToString();
                }
 
        }// end  class DecorationC : Decorator
 
}// end of namespace GSL_Decorator_pattern

class Coffee:
    def cost(self):
        return 1
 
class Milk:
    def __init__(self, coffee):
        self.coffee = coffee
 
    def cost(self):
        return self.coffee.cost() + .5
 
class Whip:
    def __init__(self, coffee):
        self.coffee = coffee
 
    def cost(self):
        return self.coffee.cost() + .7
 
class Sprinkles:
    def __init__(self, coffee):
        self.coffee = coffee
 
    def cost(self):
        return self.coffee.cost() + .2
 
# Example 1
coffee = Milk(Coffee())
print "Coffee with milk : "+str(coffee.cost())
 
# Example 2
coffee = Whip(Milk(Sprinkles(Coffee())))
print "Coffee with milk, whip and sprinkles : "+str(coffee.cost())

//Class to be decorated
function Coffee(){
    this.cost = function(){
        return 1;
    };
}
 
//Decorator A
function Milk(coffee){
    this.cost = function(){
        return coffee.cost() + 0.5;
    };  
}
 
//Decorator B
function Whip(coffee){
    this.cost = function(){
        return coffee.cost() + 0.7;
    };
}
 
//Decorator C
function Sprinkles(coffee){
    this.cost = function(){
        return coffee.cost() + 0.2;
    };
}
 
//Here's one way of using it
var coffee = new Milk(new Whip(new Sprinkles(new Coffee())));
alert( coffee.cost() );
 
//Here's another
var coffee = new Coffee();
coffee = new Sprinkles(coffee);
coffee = new Whip(coffee);
coffee = new Milk(coffee);
alert(coffee.cost());

http://ko.wikipedia.org/wiki/%EB%8D%B0%EC%BD%94%EB%A0%88%EC%9D%B4%ED%84%B0_%ED%8C%A8%ED%84%B4

팩토리 메서드 패턴

위키백과, 우리 모두의 백과사전.

UML로 표현된 팩토리 메서드

LePUS3로 표현된 펙토리 메서드

팩토리 메서드 패턴(Factory method pattern)은 객체지향 디자인 패턴이다. 다른 생성 패턴들처럼, 이 패턴도 생성하려는 객체의 클래스를 정확히 지정하지 않으면서 객체를 만드는 문제를 다룬다. 팩토리 메서드 패턴은 이 문제를 객체를 만드는 또 다른 메서드를 정의하여 처리한다. 일반적으로, 팩토리 메서드라는 용어는 객체를 만드는 것이 주 목적인 메서드를 지칭하는데 주로 사용한다.

목차   [숨기기]  1 예 1.1 C# 1.2 자바스크립트 1.3 루비 1.4 파이썬

[편집]예

[편집]C#

Pizza example:

public abstract class Pizza
{
    public abstract decimal GetPrice();
 
    public enum PizzaType
    {
        HamMushroom, Deluxe, Seafood
    }
    public static Pizza PizzaFactory(PizzaType pizzaType)
    {
        switch (pizzaType)
        {
            case PizzaType.HamMushroom:
                return new HamAndMushroomPizza();
 
            case PizzaType.Deluxe:
                return new DeluxePizza();
 
            case PizzaType.Seafood:
                return new SeafoodPizza();
 
        }
 
        throw new System.NotSupportedException("The pizza type " + pizzaType.ToString() + " is not recognized.");
    }
}
public class HamAndMushroomPizza : Pizza
{
    private decimal price = 8.5M;
    public override decimal GetPrice() { return price; }
}
 
public class DeluxePizza : Pizza
{
    private decimal price = 10.5M;
    public override decimal GetPrice() { return price; }
}
 
public class SeafoodPizza : Pizza
{
    private decimal price = 11.5M;
    public override decimal GetPrice() { return price; }
}
 
// Somewhere in the code
...
  Console.WriteLine( Pizza.PizzaFactory(Pizza.PizzaType.Seafood).GetPrice().ToString("C2") ); // $11.50
...

[편집]자바스크립트

Pizza example:

//Our pizzas
function HamAndMushroomPizza(){
  var price = 8.50;
  this.getPrice = function(){
    return price;
  }
}
 
function DeluxePizza(){
  var price = 10.50;
  this.getPrice = function(){
    return price;
  }
}
 
function SeafoodPizza(){
  var price = 11.50;
  this.getPrice = function(){
    return price;
  }
}
 
//Pizza Factory
function PizzaFactory(){
  this.createPizza = function(type){
     switch(type){
      case "Ham and Mushroom":
        return new HamAndMushroomPizza();
      case "DeluxePizza":
        return new DeluxePizza();
      case "Seafood Pizza":
        return new SeafoodPizza();
      default:
          return new DeluxePizza();
     }     
  }
}
 
//Usage
var pizzaPrice = new PizzaFactory().createPizza("Ham and Mushroom").getPrice();
alert(pizzaPrice);

[편집]

출처 위키 피디아 

http://ko.wikipedia.org/wiki/%ED%8C%A9%ED%86%A0%EB%A6%AC_%EB%A9%94%EC%84%9C%EB%93%9C_%ED%8C%A8%ED%84%B4

Ajax 방식의 하이브리드 어플리케이션을 구현할때

IOS Webview에서 location.href = url; 으로 다른페이지로 이동후 

이전 페이지 재진입시 javascript function이 onload, 등등 호출이 안되는 이슈가 있다.

이유는 캐쉬에 있는 데이터로 데이터로 페이지 재구성됨...

안드로이드는 호출이 되고... ㅠㅠ 

그때 해결방안.

onload 를 쓰지말고 onpageshow 함수를 쓰자. 

1. <script type="text/javascript">
2. window.onpageshow = function(){
3.     initializeView();
4. }
5. </script>

page 재진입시 fuction 이 잘 호출된다.

하지만...

각 element 에 등록한 이벤트 핸들러나 리스너 (.on() 이나 .delegate() 등등등 )가 재 등록 되는 이슈가있다. 버튼을 누르면 두번눌림. (Android의 경우)

html 에서 직접 구현한 onclick 함수는 상관이 없다.

아래는 이벤트 함수 .live는 쓰지 맙시다...

$(elements).delegate(selector, events, data, handler);  // jQuery 1.4.3+
$(elements).on(events, selector, data, handler);        // jQuery 1.7+

이벤트 리스너는 JQuery 에 맞는 함수를 쓰자

초기화 호출되는 함수에서 핸들러를 초기화 시켜주자.

1. var initializeView = function() {
3.     $(document).off();
4. .............
5. }

끝.

Java Script 를 시작 했다면 꼭보자.

기초 지식은 있어야함!!!!!!

http://bonsaiden.github.com/JavaScript-Garden/ko/

JSDT (Java script 코드 어시스트) 

 인디고 이상 지원 !!!

설치 방법 

1. Eclipse  Help ->   Eclipse Marketplace → 'JSDT' 검색 후 설치

2. 사용할 Dynimic Web Project 를 생성후

JavaScript Resources 에서 properties 열고 

(못 찾을경우!!!)

생선된 project 우클릭 Properties -> JavaScript -> Include Path -> Libraries 

Add JavaScript Libray  버튼 선택

jQuery Library 선택 

이제 코드어시스트를 사용하자

스플릿 사용시 공백데이터를 주의해야한다. 

공백데이터를 스플릿으로 나눌시 데이터 갯수가 맞지 않음

제일 마지막에 오는 요소의 값이 없을 경우 그 요소를 무시하도록 되어 있음

StringTokenize

구분자 사이에 분해할 요소의 값이 존재하지 않으면 무시
완전하게 모든 요소의 값이 존재하는 경우라면 사용을 해도 되겠지만
가변적인 데이터라면 사용하기 꺼림직함

String.split(string text, int limite)

limit를 저정 하지 않았을 경우에는
제일 마지막에 오는 요소의 값이 없을 경우 그 요소를 무시하도록 되어 있음  
limit를 지정 했을 경우 해당 숫자만큼만 분해.

limit는 분해를 한 후 얻고자 하는 String[]의 크기라고 보시면 됩니다.

limit가 분해하고자 하는 요소의 개수와 같거나 클 경우 배열의 개수만큼의 String[]을 되돌려 주지만, 요소의 개수보다 작을 경우 지정한 숫자만큼의 String[]으로 되돌려 줌

아래관련소스들을 보시면 이해가능

관련 소스

1.         public static void main(String[] args) {
2.                 String recode = "a-b-c-d-e-f";
3.                 String[] values = recode.split("-");
4.                    System.out.print("length ::"+values.length + "\n");
5.                                  
6.                   for(int i=0 ; i<values.length ; i++) {
7.                    System.out.print("values["+i+"]::["+values[i]+"]\n");
8.                   }
9.  
10.         }
11.        
12.         //출력값
    스플릿된 갯수 만큼 length 가 나오고 있음
13. length ::6

    values[0]::[a]

    values[1]::[b]

    values[2]::[c]

    values[3]::[d]

    values[4]::[e]

    values[5]::[f]

    
    
15.  
16. }

1.         public static void main(String[] args) {
2.                 String recode = "a-b-c-d-e-f--------"; 데이터가 없다면!!!!????
3.                 String[] values = recode.split("-"); 리미트값 없음
4.                    System.out.print("length ::"+values.length + "\n");
5.                                  
6.                   for(int i=0 ; i<values.length ; i++) {
7.                    System.out.print("values["+i+"]::["+values[i]+"]\n");
8.                   }
9.  
10.         }
11.         
    split()함수에 Limite 값이 없기 때문에 값이 없는 데이터는 무시됨
    스플릿된 갯수 만큼 length 가 나오고 있음

    length ::6

12. values[0]::[a]

    values[1]::[b]

    values[2]::[c]

    values[3]::[d]

    values[4]::[e]

    values[5]::[f]

    
    
14.  
15. }

1.         public static void main(String[] args) {
2.                 String recode = "a-b-c-d-e-f--------";
3.                 String[] values = recode.split("-", 20); 리미트 값이 생겨땅!!!
4.                    System.out.print("length ::"+values.length + "\n");
5.                                  
6.                   for(int i=0 ; i<values.length ; i++) {
7.                    System.out.print("values["+i+"]::["+values[i]+"]\n");
8.                   }
9.  
10.         }
11.         
    split()함수에 limite 값이  있 기  때문에 값이 없는 데이터와 토큰뒤도 또한 스플릿데된 데이터로 나옴
    스플릿된 갯수 만큼 length 가 나오고 있음

    length ::14

12. length ::14

    values[0]::[a]

    values[1]::[b]

    values[2]::[c]

    values[3]::[d]

    values[4]::[e]

    values[5]::[f]

    values[6]::[] //공백도 데이터로 본다 리미트가 있다면

    values[7]::[]

    values[8]::[]

    values[9]::[]

    values[10]::[]

    values[11]::[]

    values[12]::[]

    values[13]::[]

    
    

    
    
14.  
15. }

1.         public static void main(String[] args) {
2.                 String recode = "a-b-c-d-e-f- - - - - - - -"; 공백을 넣었당
3.                 String[] values = recode.split("-");
4.                    System.out.print("length ::"+values.length + "\n");
5.                                  
6.                   for(int i=0 ; i<values.length ; i++) {
7.                    System.out.print("values["+i+"]::["+values[i]+"]\n");
8.                   }
9.  
10.         }
11.        
    
    
    split()함수에 Limite 값이 없기 때문에 마지막 토큰뒤에 값이 없는 데이터는 무시됨
12. 스플릿된 갯수 만큼 length 가 나오고 있음

    length ::13 

    13 이 나오는 이유는 마지막 토큰 뒤에 데이터가 없기 때문에 스플릿이 제외됨
13. values[0]::[a]

    values[1]::[b]

    values[2]::[c]

    values[3]::[d]

    values[4]::[e]

    values[5]::[f]

    values[6]::[ ]

    values[7]::[ ]

    values[8]::[ ]

    values[9]::[ ]

    values[10]::[ ]

    values[11]::[ ]

    values[12]::[ ]

    
    
15.  
16.  
17. }

1.         /**
2.          * @param args
3.          */
4.         public static void main(String[] args) {
5.                 String recode = "a-b-c-d-e-f- - - - - - - -";
6.                 String[] values = recode.split("-", 20);
7.                    System.out.print("length ::"+values.length + "\n");
8.                                  
9.                   for(int i=0 ; i<values.length ; i++) {
10.                    System.out.print("values["+i+"]::["+values[i]+"]\n");
11.                   }
12.  
13.         }
      
split()함수에 Limite 값이 있기 때문에 마지막토큰 뒤에도 데이터가 있는것으로 간주함
14. length : 14
    
    
  
15. length ::14

    values[0]::[a]

    values[1]::[b]

    values[2]::[c]

    values[3]::[d]

    values[4]::[e]

    values[5]::[f]

    values[6]::[ ]

    values[7]::[ ]

    values[8]::[ ]

    values[9]::[ ]

    values[10]::[ ]

    values[11]::[ ]

    values[12]::[ ]

    values[13]::[]

    
    
17.  
18.  
19. }