logo

Angular 머티리얼 튜토리얼

각도 재료 는 Google이 2014년에 개발한 UI 라이브러리 구성 요소입니다. AngularJS 개발자를 위해 특별히 설계되었습니다. 구조화된 방식으로 애플리케이션을 설계하는 데 도움이 됩니다. 해당 구성 요소는 매력적이고 일관되며 기능적인 웹 페이지와 웹 애플리케이션을 구축하는 데 도움이 됩니다. 반응성이 뛰어나고 빠른 웹사이트를 만드는 데 사용됩니다.

Angular 머티리얼 튜토리얼

이는 사용자의 관심을 끌고 애플리케이션에 있는 요소 또는 구성 요소에 액세스합니다. 또한 고유한 스타일과 모양으로 애플리케이션을 디자인하는 데 도움이 됩니다.

이러한 구성 요소는 응용 프로그램이나 웹 사이트를 더욱 일관된 그리고 반응형 디자인. 이는 성공적인 디자인의 고전적인 원칙과 혁신 및 기술을 결합합니다.

구글은 2014년에 Angular Material을 개발했습니다. 당시에는 다음과 같은 태그가 붙었습니다. AngularJS 애플리케이션을 더욱 매력적이고 빠른 성능으로 만듭니다. Google은 코드를 처음부터 다시 작성하고 제거했습니다. JS , 9월에 Angular Material이라는 이름을 붙였습니다. 2016. UI/UX 구성요소를 Angular Materials라고 합니다.

np.연결

Angular 머티리얼의 특징

  • 내장된 반응형 디자인입니다.
  • Angular Material에는 표준 CSS가 있습니다.
  • UI 구성 요소의 새 버전은 다음과 같습니다. 버튼, 체크박스 , 그리고 텍스트 필드 Angular Material Design 개념을 따르는 데 사용됩니다.
  • 등의 특화된 기능을 가지고 있습니다. 카드, 툴바, 단축 다이얼, 측면 탐색, 스와이프, 측면 탐색 , 그리고 더.
  • 크로스 플랫폼 브라우저이며 웹 구성 요소를 만드는 데 사용됩니다.

반응형 디자인

  • Angular Material은 웹사이트가 어떤 크기에도 맞도록 반응형 디자인을 갖추고 있습니다.
  • Material이 만든 웹사이트는 다음과 호환됩니다. 안드로이드, 아이폰, 태블릿 , 그리고 노트북 .

확장 가능

  • 새로 추가하기가 쉽다 CSS 기존 항목을 덮어쓰는 규칙 CSS
  • 그림자와 색상을 지원합니다.
  • 색상과 음영은 Angular Material에서 균일합니다.
  • Angular Material은 무료로 사용할 수 있습니다.

고품질

  • Angular Material 구성요소는 누구나 액세스할 수 있습니다. 애플리케이션의 성능과 안정성을 보장하는 다양한 매개변수를 사용하여 테스트되었습니다.
  • 일관된 크로스 플랫폼 동작을 갖춘 간단한 API가 있습니다.

변하기 쉬운

  • 개발자가 공통 패턴으로 사용자 정의 구성 요소를 구축하는 데 도움이 되는 도구를 제공합니다.
  • 범위 내에서 사용자 정의가 가능합니다.

무마찰

  • 완벽하게 통합되도록 Angular 팀에 의해 구축되었습니다.
  • Angular Material을 사용하여 처음부터 또는 기존 애플리케이션에서 새 애플리케이션을 디자인할 수 있습니다.

AngularJS 대 Angular

Angular Material 라이브러리는 바로 사용할 수 있는 안정적인 제품입니다. 개발자는 다음 사항에 유의해야 합니다. AngularJS 머티리얼 AngularJS와 함께 작동 1.x . AngularJS 1.x 지금은 장기 지원(LTS) 방법.

Angular 머티리얼 및 구성 요소 개발 키트( CDK ) 도서관 ( Angular v2+용 )는 다음에서 찾을 수 있습니다. 각도 구성요소 GitHub 저장소 .
현재 개발 노력은 다음에 중점을 두고 있습니다. 접근성, 성능 사소한 개선 그리고 버그 수정 .

최신 머티리얼 디자인

지난 5월 Google에서 Material Design의 최신 업데이트가 발표되었습니다. 2018 .

장기 지원

AngularJS Material이 장기 지원 (LTS) 기간은 다음 날짜에 종료됩니다. 2021년 12월 31일 . 날짜는 AngularJS와 일치합니다. LTS 기간.

그런 다음 버그 수정에 집중합니다. 1.2.x 아래에 주어진 기준 중 적어도 하나를 만족하는 도서관의 지점:

  • 우리는 검증된 보안 취약점 보고서를 받거나 탐지합니다.
  • 브라우저는 현재 프로덕션 애플리케이션의 작동을 중지하는 버전을 출시합니다.
  • jQuery 라이브러리는 현재 프로덕션 애플리케이션이 작동하지 못하게 하는 버전을 출시합니다.

AngularJS 머티리얼 1.1.x 새로운 보안 취약점이 확인되면 새 버전을 받게 됩니다.

브라우저 지원

AngularJS Material은 일반적으로 다음 범주에 속하는 브라우저를 지원합니다.

  • 글로벌 사용량 0.5% 초과
  • Evergreen 브라우저의 마지막 두 가지 주요 버전
  • 파이어폭스 ESR
  • '죽은' 브라우저로 간주되지 않음

전제조건

튜토리얼을 진행하기 전에, 기본 지식이 있어야 합니다. 앵귤러 JS, HTML, CSS, 자바스크립트, 그리고 DOM(문서 객체 모델) . 또한 웹 기반 애플리케이션의 작동을 확인하면 도움이 됩니다.

자바 검사가 null입니다.

청중

이 튜토리얼은 Angular Material의 기본 사항을 배우고 매력적인 구성 요소로 반응형 웹 사이트를 만들고자 하는 초보자와 전문가에게 유용합니다. 이 튜토리얼에서는 Angular Material의 주요 개념을 설명합니다.

문제

우리는 이 Java 튜토리얼에서 어떤 문제도 발견하지 못할 것이라고 확신합니다. 다만, 틀린 부분이 있을 경우 문의 양식에 문제를 게시해 주시기 바랍니다.