본문 바로가기

코딩/React 본 캠프

[본 캠프 4일차] 07.18 팀 프로젝트 완료

반응형

* 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);
    });
});

 

구글링 엄청 하다가 사망

반응형