폴리머 (라이브러리)
 | |
| 개발자 | 구글[1] and contributors[2] |
|---|---|
| 발표일 | 2015년 5월 29일[3] |
| 안정화 버전 | |
| 저장소 | (영어) polymer - 깃허브 |
| 프로그래밍 언어 | 자바스크립트, HTML |
| 종류 | 자바스크립트 라이브러리 |
| 라이선스 | 3-Clause BSD[6] |
| 웹사이트 | www |
폴리머(polymer)는 웹 컴포넌트를 사용하여 웹 애플리케이션을 빌드하기 위한 오픈 소스 자바스크립트 라이브러리이다. 이 라이브러리는 구글의 개발자들과 깃허브의 기여자들에 의해 개발되고 있다. 현대의 디자인 원칙은 구글의 머티리얼 디자인 디자인 원칙을 사용하여 별개의 프로젝트로 구현되어 있다.
폴리머는 유튜브, 유튜브 게이밍, 재설계된 구글 어스(2017년부터)[7] 구글 I/O 2015와 2016 웹사이트, 구글 플레이 뮤직, 구글 사이트의 리디자인[8] 웹용 알로(2019년 종료 전까지)를 포함한 수많은 구글 서비스와 웹사이트에 의해 사용된다.[9]
다른 저명한 사용처는 넷플릭스, 일렉트로닉 아츠, 컴캐스트, Nuxeo, ING 그룹, 코카콜라, 맥도널드, BBVA, IBM, 제네럴 일렉트릭 등이 있다.
커스텀 엘리먼트
[편집]커스텀 엘리먼트는 클래스가 있는 ES(ECMA스크립트, 대부분은 자바스크립트) 모듈을 사용하여 개발이 가능하다. 커스텀 엘리먼트 정의는 CSS 스타일, 엘리먼트의 로컬 DOM의 HTML 템플릿, 엘리먼트 속성, 라이프사이클 콜백, 자바스크립트 메소드로 구성된다:
import {PolymerElement, html} from '@polymer/polymer/polymer-element.js' class HelloElement extends PolymerElement { static get template() { return html` <style> /* Local DOM CSS style */ </style> <!-- Local DOM --> Hello {{name}}! `; } static get is() { return 'hello-element'; } static get properties() { return { name: { type: String } /* Element properties */ } } /* Custom methods */ } window.customElements.define(HelloElement.is, HelloElement); 위에 정의된 엘리먼트는 HTML 코드 안에 사용할 수 있다:
<hello-element name="World"></hello-element> 같이 보기
[편집]각주
[편집]- ↑ “AUTHORS.txt” (영어). 2017년 8월 18일에 확인함.
- ↑ “CONTRIBUTORS.txt” (영어). 2017년 8월 18일에 확인함.
- ↑ “1.0”. 《Polymer Project》 (영어). 2017년 8월 18일에 확인함.
- ↑ 가 나 “Releases · Polymer/polymer”. 《GitHub》 (영어). 2019년 9월 4일에 확인함.
- ↑ “Release 3.5.2”. 2024년 10월 7일. 2024년 10월 24일에 확인함.
- ↑ “polymer/LICENSE.txt at master”. 《GitHub》 (영어). 2017년 4월 24일에 확인함.
- ↑ Bidelman, Eric (2017년 4월 18일). “Mission accomplished: has been componentized. New @googleearth is built w/ #WebComponents using @polymer.pic.twitter.com/h76ztfynYy”. 《@ebidel》. 2017년 7월 8일에 확인함.
- ↑ “Meet Google Drive – One place for all your files”. 《accounts.google.com》. 2021년 6월 21일에 확인함.
- ↑ “Who's using Polymer?”. 《GitHub》. 2016년 6월 4일에 확인함.
외부 링크
[편집]- 폴리머
- 공식 웹사이트 - (영어) polymer - 깃허브
- www
.webcomponents .org