이미지 th:src

html에서 코드를 가져와서 js에서 작업을 하고 있습니다. ( 백틱이용)

이미지가 없을 시 액박을 대체하기 위해서 기본 이미지를 쓰려고 합니다.

구글링을 해보니

<img src=/img/main.jpg onError="this.src='/img/default.jpg'" alt="" /> 이런식으로 하면 된다고 나와있는데요

[질문 2가지]

1. 이걸 타임리프와 `` 조합시 어떻게 해야할지 모르겠어서 질문드립니다.

2. js에서 `` 사용시 안에는 html 문법을 사용하나요?

js 전체 코드

function Item(user) {
    let item = `<div class="subscribe__item" id="subscribeModalItem-${user.id}">
                   <div class="subscribe__img">
                      <img th:src="@{/upload/} + ${user.profileImageUrl}" th:onError="this.src='/images/person.jpeg'"/>
                   </div>
                   
                   

                   item += `

                   </div>
                </div>`;

    return item;
}

질문 부분 코드 입니다.

<img th:src="@{/upload/} + ${user.profileImageUrl}" th:onError="this.src='/images/person.jpeg'"/>