아이콘이나 뱃지 등 이미지가 들어가는 컴포넌트를 만들 때, 나는 그냥 img 태그를 사용해서 넣었는데 다른 분들 코드에서는 background-img를 통해 넣는 경우가 더 많았다.
그래서 두 개의 차이에 대해 알아봤다.
<img> 태그 - 이미지에 구체적인 정보가 담겨 있거나, 출력이 필요하거나, 이미지의 크기가 레이아웃에 크게 영향을 주거나, 검색 엔진에 노출이 필요하거나, 사용자가 등록한 이미지 등일 땐 img 태그를 주로 사용한다. 즉, 페이지 내에서 중요한 역할을 하면 img 태그!
background-img : 디자인 요소로만 사용하여, 로딩 되지 않더라도 콘텐츠를 이용하는 데 문제가 없을 때 사용.
그리고 이렇게 사용하는 게 개발/유지보수에 훨씬 효율적이다.
https://inseq.co.kr/ko/bbs/i-24/show.do?seq=19&searchCl1=&searchMulti=&searchKeyword=
인시퀀스
웹 서비스 개발 전문가 그룹
inseq.co.kr
ChangeDetectionStrategy
- 팀장님이 관련 질문을 하셨는데, 잘 이해하지 못했다. 공부 필요!
https://angular.io/api/core/ChangeDetectionStrategy
Angular
angular.io
'개발 > TIL' 카테고리의 다른 글
| [Typescript] type 과 interface의 차이 (0) | 2023.08.04 |
|---|---|
| [230517] 새탭으로 링크 열기(html), Angular 현재 경로, ChangeDetectionStrategy (0) | 2023.05.17 |
| [230427] css box-sizing, <section><div><article> 차이점 (0) | 2023.04.27 |
| [230424] Angular - Observable subscribe, Router, ActiveRoute (0) | 2023.04.24 |
| [230421] 변수 바인딩 event 주의, 컴포넌트 구분, routerLink (0) | 2023.04.21 |