반응형
* CRUD
- Create : 생성 (Insert)
- Read (Retrieve) : 읽기 또는 인출 (Select)
- Update : 갱신 (Update)
- Delete (Destroy) : 삭제 또는 파괴 (Delete)
* crypto.randomUUID(); : 랜덤 아이디 자동으로 문자열로 변환.
JQuery 속성 값 불러오기
코드 하나씩 뜯어보기 2
members.forEach(member => {
const memberDiv = document.createElement('div');
memberDiv.className = 'member';
memberDiv.innerHTML = `
<div class="photo">
<img src="${member.backgroundImage}" alt="${member.name}">
<div class="overlay">${member.name}</div>
</div>
<div class="icons">
<a href="${member.githubLink}" target="_blank"><img src="${member.github}" alt="GitHub"></a>
<a href="${member.velogLink}" target="_blank"><img src="${member.velog}" alt="${member.name === '송재헌' ? 'Tstory' : 'Velog'}"></a>
</div>
`;
teamContainer.appendChild(memberDiv);
});
});
구글링 엄청 하다가 사망
반응형
'코딩 > React 본 캠프' 카테고리의 다른 글
[본캠프 6일차] javascript 문법 종합반 수강 1주차 (0) | 2024.07.22 |
---|---|
[본 캠프 5일차] 07.19 팀 프로젝트 종료 (0) | 2024.07.19 |
[본 캠프 3일차] 07.17 팀 프로젝트 하며 (0) | 2024.07.17 |
[본 캠프 2일차] 07.16 첫 미니 팀 프로젝트 시작 (0) | 2024.07.16 |
[본 캠프 시작] 07.15 Git 특강 (0) | 2024.07.15 |