[Ajax] 오픈 소스 프레임웍 Prototype

1. 목적
  • 컴포넌트의 안정성과 품질을 높이면서 코딩해야 할 작업량을 줄임.
  • 자바스크립트을 객체지향적으로 작성하는 방식이며, 라이브러리 제작시에도 많이 사용된다.
2. 개요
  • 자바스크립트 코드를 개발하는 효율을 높이면서 보기 좋게 다듬을 수 있는 문법 구문 제공
  • 자바스크립트 내장 기본객체를 확장해 사용할 수 있는 부분을 제공
  • http://prototype.conio.net
3. 기능

1) Class 객체
  • 자바스크립개발자가 '클래스'라고 생각하고 사용할 수 있는 결과를 생성
  • create() 메소드 제공 : 필요한 개수만큼의 메소드를 연결해 둘 수 있는 객체 인스턴스 생성
          var TextSuggest = Class.create();
              TextSuggest.prototype = {
                        initialize: function(p1,p2,p3){
                         },
                         .....
              };

  • 컴포넌트를 활용하려는 자바스크립트 코드에서
          var textSuggest = new TextSuggest(p1, p2, p3) 식으로 사용

2) extend() 메소드
  • 자바 스크립트의 기본 객체를 확장시켜 모든 객체에서 extend() 메소드 사용 가능  
  • 객체 두개를 인자로 함. 하나는 상위 객체를 의미하고, 두번째 객체는 상속받을 객체
  • extend() 객체를 통과하면 두번째 객체는 상위객체를 상속하게 됨.
  • 하위객체에 있는 속성을 모두 상위 객체에 옮겨둠
  • (활용) 인스턴스 단위로 객체 상속 개념을 활용.
3) bind/bindAsEventListener() 메소드
  • Fuction 객체에 bind()와 bindAsEventLisener() 두개의 함수가 추가됨
  • 새로운 코딩방법으로 함수를 간편하게 사용함.
       이전)

          oThis = this;
          this.onclick = function() { oThis.callSomeMethod() } ;

        bind 메소드 사용예)
          
          this.onclick = this.callSomeMethod.bind(this);

4) $메소드 - 조미료 같은 문법
  •     DHTML 개발시 getElementById() 함수를 $로 구현해 제공
       일반) var textField = document.getElementById('textField')
                    textField.value = aNewValue;

       프로토타입 적용시)
                $('textField').value = aNewValue;

by 미래e | 2006/11/22 12:36 | RIA(Flex/Ajax/웹표준) | 트랙백(3) | 덧글(0)

트랙백 주소 : http://compu21.egloos.com/tb/584989
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from 4x4 truck ti.. at 2010/01/11 11:46

제목 : Ofna stadium truck tires.
Bridgestone truck tires. 4x4 truck tires. 16 inch truck tires and mud and snow. Light truck tires....more

Tracked from Lcd tvs that.. at 2010/03/18 00:42

제목 : Video card slots.
Agp video card slots. 33mhz 32-bit 5-volt pci 2.3 slots video card. Bingo card slots....more

Tracked from Bet. at 2010/10/06 22:45

제목 : Bet hip hop awards.
Trick daddy bet that. Bet size strategy. I bet you will. Bet....more

:         :

:

비공개 덧글

◀ 이전 페이지          다음 페이지 ▶