[질문] 프론트에서 화면 뿌릴 때 js 조건문 엄청 쓰는거 맞음?

[익명(211.177)]

쇼핑몰에서 베스트상품인거에는 표시 붙여주고 싶으면

if (item.isBest()) {
    // item을 나타내는 html 요소의 좌측 상단에 베스트상품 표시 이미지 추가

}

이런 식으로 해야될 거 같은데, 이러면 조건문이 진짜 도배 수준인데 원래 다들 이렇게 해?

[백갤러 1(219.255)]

If문 안 쓰고 &&나 삼항연산자 많이 쓸걸

[백갤러 2(61.79)]

자세한건상황은 모르겠지만 화면에뿌릴때 조건으로 베스트상품이미지자체를 삼항연산자로 뿌릴듯 - dc App

[익명(211.177)]

베스트상품 ? (베스트상품 이미지 포함한 요소) : (기본 요소); 이렇게 한다는거지? - dc App

[백갤러 1(219.255)]

Isbest && <div> 이렇게 하면 돼 나눌 필요 없음

[익명(211.177)]

첨 보는 방식이라 잘 이해가 안 되는데 뭐라 검색하면 나오는지 알려줄 수 있어? - dc App

[백갤러 1(219.255)]

아 이건 리액트 문법이였네 ㅈㅅ

[익명(hheee)]

jsx면 저렇게 할 수 있음

[백갤러 3(211.206)]

옵셔널 체이닝도 있구 별거 많아

[익명(yayakon)]

타입스크립트로 베스트 상품에 널 할당해두고 저는 맵으로 돌려서 div ...기타 필수 요소들 div{product.best}div div 대충 이렇게 했어요

[익명(yayakon)]

추가 설명하면 맵 안에 태그 안에 다시 맵 돌려서 그 안에 삼항 연산자로 {isbest? (div best div) : ("")} 이런식