Time Table

복습

DOM 선택

const $elem = document.querySelector('.profile-name')
console.log($elem.innerText)

classList

const $sectionHead = document.querySelector('section.head')
console.log($sectionHead.classList)

$sectionHead.classList.remove('space-between')
$sectionHead.classList.add('center')

addEventListener, closest, dataset

const $imageContainer = document.querySelector('.image-container')

$imageContainer.addEventListener('click', (e) => {
	const $image = e.target.closest('li.content-img')
	console.log('img tag', $image)
	console.log('index : ', $image.dataset.index)
})

Template Literals

document.body.innerHTML = `
	<div>Template Literals</div>
`