아 그거 뭐였지

Q. 배열에 있는 데이터를 출력해주세요. 프로젝트를 진행하다 보면 반복적인 HTML을 출력하는 경우가 빈번하다. 상품 목록이라던지 글목록이라던지 리스트들을 출력할때 주로 사용된다. 아래와 같이 같은 html 규격을 담고 있는 div태그들이 반복적으로 나오는 것을 볼 수 있다. 상품브랜드 상품이름 상품가격 상품브랜드 상품이름 상품가격 상품브랜드 상품이름 상품가격 상품브랜드 상품이름 상품가격 상품 리스트같이 한 두 개가 아닌 데이터들을 다 저렇게 복사 붙여 넣기로 구현한다면 굉장히 비효율적이고 개발 시간도 오래 걸릴 것이다. 이런 반복적인 작업을 Angular에서는 ngFor 디렉티브를 사용해서 해결한다. 바로 사용법을 알아보자. ngIf와 마찬가지로 *을 맨 앞에 붙이고 *ngFor로 사용한다. // pr..