21.08.24 개발일지

if~else문을 사용하지 않고 style 구분 주는 방법 = key, value 값으로 구분한다. 뉴스 카드에서 tag가 들어가는 부분이 있는데, 이 tag는 갯수 제한이 없어서 백엔드에서 데이터가 들어오면 무제한으로 받아들여야 한다. -> 그럴 경우 key 값을 무제한으로 받을 수 있게 배열로 설정한다. 저번의 newsData 부분을 이렇게 수정하였다. 그리고, type별로 적용되는 색상이 달라지게 Card.js 컴포넌트에서 color 상수에 값을 지정해준다. 그러고 난 후, return 값에서 각 type에 따라서 색상이 달라지도록 지정해준다. 이런식으로 if~else문을 사용하지 않고도 component에서 달라지는 값에 따라서 style 지정이 가능하다.

2021년 8월 25일
·
0개의 댓글
·