폴리머(도서관)

Polymer (library)
고분자
Polymer Project logo
개발자구글[1] 및 기고자[2]
초기 릴리즈2015년 5월 29일, 7년 전(2015-05-29)[3]
안정된 릴리스
1.x1.12.0 / 2019년 5월 21일, 3년 전(2019-05-21)[4]
2.x2.8.0 / 2019년 6월 24일, 3년 전(2019-06-24)[4]
3.x3.4.1[5] / 2020년 4월 30일, 2년 전(2020년 4월 30일)
저장소고분자
기입처JavaScript, HTML
유형자바스크립트 라이브러리
면허증.3-Clause BSD[6]
웹 사이트www.polymer-project.org

폴리머는 웹 컴포넌트를 사용하여 웹 응용 프로그램을 빌드하기 위한 오픈 소스 JavaScript 라이브러리입니다.이 라이브러리는 구글 개발자와 기고자들이 GitHub에서 개발하고 있다.현대 디자인 원칙은 Google의 재료 디자인 원칙을 사용하여 별도의 프로젝트로 구현됩니다.

폴리머는 YouTube, YouTube Gaming, 재설계된 Google Earth(2017년 [7]이후), Google I/O 2015 및 2016년 웹 사이트, Google Play Music, Google[8] 사이트 재설계 및 웹용 Allo(2019년 [9]종료될 때까지)를 포함한 많은 구글 서비스와 웹사이트에서 사용되고 있습니다.

다른 주목할 만한 사용자로는 Netflix, Electronics Arts, Comcast, Nuxeo, ING, 코카콜라, 맥도날드, BBVA, IBM, General Electric 등이 있습니다.

역사

폴리머의 공개 개발은 2013년 11월 Promise Polyfill의 출시와 함께 시작되었습니다.이는 시각적 스타일링 가이드라인(재료 디자인을 통해), 데이터 바인딩 및 다수의 "핵심" 및 "종이" 웹 컴포넌트를 포함하는 웹 디자인 라이브러리로 꾸준히 확장되었습니다.원래 코어 컴포넌트는 대부분의 웹사이트에서 필수적인 범용 기능을 포함하도록 설계되어 있었지만, 종이 컴포넌트는 디자인의 핵심 부분을 구성하는 재료 설계 개념을 통해 보다 전문화된 컴포넌트를 제공하기 위한 것이었습니다.버전 0.5의 출시로 중대한 이정표가 달성되었습니다.버전은 얼리 [10]어답터들이 사용할 수 있는 프로젝트의 첫 번째 버전으로 간주되었습니다.

구글은 0.5가 출시된 후에도 폴리머의 디자인을 계속 수정했으며, 많은 개발자들이 발견한 성능 문제를 특별히 고려했다.이는 2015년 Polymer 1.0이 출시되면서 절정에 달했으며, 이는 라이브러리의 [11]첫 번째 "생산 가능한" 버전입니다.버전 1.0은 폴리머의 성능을 대폭 향상시켜 부하 시간을 최대 7배 [12]단축했습니다.버전 1.0에서는 Google이 폴리머 프로젝트의 요소를 분할하여 폴리머 폴리필 및 웹 컴포넌트 설탕 라이브러리에서 요소 카탈로그를 명확하게 구별했습니다.

2015년 9월 14~15일, 구글은 암스테르담에서 폴리머 서밋을 개최하였다.

2016년 10월 17~18일, 구글은 런던에서 폴리머 서밋을 개최하였다.

2017년 8월 22-23일, 구글은 코펜하겐에서 폴리머 서밋을 개최하였다.

2018년 5월 2일, 폴리머 팀은 폴리머의 향후 개발은 쌍방향 바인딩 및 템플릿 시스템에서 벗어나 LitElement[13](아직 폴리머의 일부[14]) 및 단방향 [15]바인딩에 초점을 맞출 것이라고 발표했습니다.

특징들

폴리머는 바닐라 웹 컴포넌트에 다양한 기능을 제공합니다.

  • 커스텀 요소를 간단하게 작성하는 방법
  • 단방향 및 양방향 데이터 바인딩 모두
  • 계산된 속성
  • 조건부 및 반복 템플릿
  • 제스처 이벤트

사용.

2015년과 2016년에 급증한 폴리머가 사용되면서 시장에서 인지도가 높아지기 시작했습니다. BuiltWith라는 [16]웹 사이트에서 문서화되어 있습니다.구조화 설계 프로세스에 특히 주의를 기울여 상호 [17]운용 가능한 "레고 블록" 구조를 구현했습니다.

커스텀 요소

커스텀 요소는 클래스와 함께 ES(ECMAScript, 가장 일반적으로 JavaScript) 모듈을 사용하여 생성할 수 있습니다.커스텀 요소 정의는 CSS 스타일, 요소의 로컬 DOM HTML 템플릿, 요소의 속성, 라이프 사이클 콜백 및 JavaScript 메서드로 구성됩니다.

수입품 {폴리머 엘리먼트, html} 부터 '@http/http'  학급 헬로 엘리먼트 확장 폴리머 엘리먼트 {     // 요소의 템플릿을 정의합니다.     정적인 얻다 템플릿() {          돌아가다 html` <스타일> /* 로컬 DOM CSS 스타일 */ </style> <!--로컬 DOM --> 안녕하세요 {{name}}! `;      }     정적인 얻다 이() { 돌아가다 '안녕하세요'; }     // 공개 API 속성 정의     정적인 얻다 특성.() {         돌아가다 {             이름.: {                 유형: 스트링             }         };     } } 윈도.커스텀 요소.정의하다(헬로 엘리먼트.이, 헬로 엘리먼트);

위에서 정의한 요소는 HTML 코드에서 사용할 수 있습니다.

    < >헬로잉 이름.="세계"</>헬로잉>

「 」를 참조해 주세요.

레퍼런스

  1. ^ "AUTHORS.txt". Retrieved 18 August 2017.
  2. ^ "CONTRIBUTORS.txt". Retrieved 18 August 2017.
  3. ^ "1.0". Polymer Project. Retrieved 18 August 2017.
  4. ^ a b "Releases · Polymer/polymer". GitHub. Retrieved 4 September 2019.
  5. ^ "Release 3.4.1". 30 April 2020. Retrieved 1 May 2020.
  6. ^ "polymer/LICENSE.txt at master". GitHub. Retrieved 24 April 2017.
  7. ^ Bidelman, Eric (2017-04-18). "Mission accomplished: has been componentized. New @googleearth is built w/ #WebComponents using @polymer.pic.twitter.com/h76ztfynYy". @ebidel. Retrieved 2017-07-08.
  8. ^ "Meet Google Drive – One place for all your files". accounts.google.com. Retrieved 2021-06-21.
  9. ^ "Who's using Polymer?". GitHub. Retrieved 4 June 2016.
  10. ^ "Polymer gives us a closer look at Google's Material Design UI". Android Authority.
  11. ^ Steven Max Patterson (29 May 2015). "Google's Polymer 1.0 brings reuse and better branding to Web development". CIO.
  12. ^ "Welcome - Polymer 1.0". Archived from the original on 2015-08-14.
  13. ^ "Roadmap update, part 1: 3.0 and beyond".
  14. ^ "Justin Fagnani on Twitter". Twitter. Retrieved 2018-05-14.
  15. ^ "Roadmap update, part 2: FAQ - Polymer Project". www.polymer-project.org. Retrieved 2018-05-14.
  16. ^ "Polymer Usage Statistics". BuiltWith. March 2019. Retrieved 30 May 2019.
  17. ^ Allie Coyne (13 August 2015). "Inside ING Direct's new lego block app architecture". iTnews.

외부 링크