내일배움캠프 6기 React TIL

2023.05.31

오늘의 회고

계속해서 자바스크립트 과제 진행 중 열심히 구글링하며 만들고 있다.

DOM

	const cardSection = document.querySelector(".card-list");
    const card = document.createElement("div");

    card.className = "movie-card";
    card.innerHTML = `
    				<img class=img src="https://image.tmdb.org/t/p/w500/${poster_path}" alt="${title}" />
            		<h2 class="card-title">${title}</h2>
            		<p class="card-rating">${vote_average}</p>
            		<p class="card-overview">${overview}</p>
    				`;

    cardSection.appendChild(card);

document.querySelector(selector) : CSS 선택자를 이용하여 요소를 선택합니다.
document.createElement(tagName) : 새로운 HTML 요소를 생성합니다