javascript 페이지에서 새 창 띄우기 코드 참조

// db에서 멤버 불러오기

const q = collection(db, "화이팅하시조");

const docs = await getDocs(q);

// 불러온 데이터(docs) 처리

docs.forEach((doc) => {

const values = doc.data();

// values 에 불러온 데이터들만 담아두고

// temp 변수에 카드 html 복사해서 id에 name, src에 image, 역할에 role, 이름에 name 할당

const temp = `

<div class="col" id=${values.name}>

<div class="card h-100">

<img

src="${values.image}"

class="card-img-top"

alt=""

/>

<div class="card-body">

<h5 class="card-title">${values.role}</h5>

<p class="card-text">${values.name}</p>

</div>

</div>

</div>

`;

// card-container 에 temp 붙이기

// card-container 는 index.html 에서 <div class="row row-cols-1 row-cols-md-4 g-4"> 부분에 id=card-container 넣음

$("#card-container").append(temp);

// 붙여넣은 각 카드별로 id에 따른 클릭 이벤트 생성

$(`#${values.name}`).click(async () => {

window.location.href = `members.html?name=${values.name}`;

});

});