[Angular] 부트스트랩 적용하기 (ng-bootstrap 사용)
지난 글에서 생성한 employee list는 정말 못생겼습니다. 여기에 Bootstrap.css를 적용해 보겠습니다. Reference : https://ng-bootstrap.github.io/#/getting-started Angular powered Bootstrap Bootstrap widgets for Angular: autocomplete, accordion, alert, carousel, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead ng-bootstrap.github.io 일단 npm을 사용하여 bootstrap을 다운로드 해 줍니다. 터미널에 다음과 같이 입력해줍니다. n..
[Angular] 리스트 생성, ngFor
지난번 글에서 생성한 employee 클래스를 통하여 리스트를 만들고 이를 뷰 상에 전시해 보겠습니다. Reference : https://angular.io/tutorial/toh-pt1 Angular angular.io /src/app/employees 경로에 employeeList.ts 파일을 만들고 다음과 같이 작성해줍니다. //employeeList.ts import { Employee } from './employee'; export const EMPLOYEES: Employee[] = [ { id: 11, name: 'Sean'}, { id: 12, name: 'Andy'}, { id: 13, name: 'Cindy'}, { id: 14, name: 'Anne'}, { id: 15, name..