📌 백틱으로 태그 감싸주기

function img (){
	return `<img src="---" alt="--" />`;
}

내가 구현한 기능은 이미지 하나만 불러오는게 아니라 map함수 안의 데이터들의 이미지를 가져오는것이기 때문에 함수에 인자를 넣어서 보낸다.

function createHTML(item, idx) {
  return `
  <img src=${item.image} alt=${item.type} id=${item.type}${idx} />
  `;
}

.
.
function displaytype(items){
.
.
	shoes.innerHTML = result.map((item, idx) => createHTML(item, idx)).join("");
.
.
}

✏️ join( ) 매서드

join매서드를 사용하지 않으면, 이미지들을 각각의 요소로 보기 때문에, 쉼표가 생성된다.

→ join( )매서드를 사용해서 하나의 문자열로 만들어준다.