[Polymer] Polymer(폴리머) 기초

*Polymer :

- The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements.

 

- custom component를 만드는 것을 편하게 도와주는 라이브러리라고 생각

 

 

cf. Local DOM : element에 의해 생성되고 관리되는 DOM

 

 

 

 

*폴리머 정의 예시

 

<dom-module id="element-name">

<template>    //표현되는 부분

<style>
    //...
</style>

<!-- local DOM for your element -->
<div>{{greeting}}</div> <!-- data bindings in local DOM -->

</template>

<script>

    Polymer({
        is: "element-name",    //component이름
        properties: {    //prototype, component의 attribute가 된다.

            greeting: {    

                type: String,
                value: "Hello!"
            },

hello: {    //Object나 Array 타입은 value를 function으로 나타내며, return 값이 해당 값이 된다.

type: Object || Array

value: function() {

return {}; || [];

}

}

  }

    });
</script>

</dom-module>