메로그

*ngFor 여러개의 div 를 만들어야 하는데, 일일히 div 를 수작업으로 계속 만드는 것은 리소스가 떨어지는 상황이다. 이러한 경우, *ngFor 을 이용하면 여러개의 요소를 쉽게 만들 수 가 있다. 예제 아래와 같이 mat-select 라는 material 컴포넌트를 하나 만드는데 그 안에 option 값을 그 때 그 때 다르게 넣고 싶은 경우가 있다. interface itemInfo { value: number; valueString: string; } export class ItemComponent { items: itemInfo[] = [ {value: 0, valueString: 'item: 0'}, {value: 1, valueString: 'item: 1'..

Angular-Material 앵귤러에서 가장 많이 사용하는 UI 라이브러리로써, Angular-Material 공식 홈페이지가 있어 쉽고 빠르게 사용할 수 있다. 많은 도큐먼트가 있어, 퍼블리싱을 보다 쉽게 할 수 가 있다. 어느정도 퍼블리싱은 이제 프론트에게는.. 필수적이 된 것이다.. 아래 사이트를 누르면 material 공식 홈페이지로 이동한다. https://material.angular.io/ 사용법 우선 아래의 명령어를 이용하여 설치를 해줍니다. ng add @angular/material 설치가 완료되면, app.module.ts 에 코어와 사용하고자하는 컴포넌트를 등록해줍니다. import { MatNativeDateModule } from '@angular/material/cor..

Angular 과거에는 AngularJS, AngularJS2 라는 이름으로 발표되었지만, 현재는 Angular 라는 이름으로 변경되어 구글에서 개발한 타입스크립트 기반의 프레임워크 입니다. js, dart 같은 언어도 지원하고 기본적으로 타입스크립트를 바탕으로 빌드, 테스트, 배포, 라이브러리 등 모든 기능을 지원하는 프레임워크로 설계되어 있습니다. 설치 앵귤러는 자체적인 cli 를 이용하여 간단하고 쉽게 프로젝트를 만들 수 있도록 지원합니다. 그렇지 않으면 프레임워크 단위이기 때문에 설치하기가 매우 복잡하다고함.. (가능한가??) 우선 기본적으로 타입스크립트 기반이기 때문에 타입스크립트를 설치해주셔야 합니다. yarn global add typescript설치가 완료되면 angular 를 설치해줍시다..