<aside> โ js ์ฝ๋ ์น๊ณ , ์ถ๊ฐ๋ก css ์ ์ฉ์ ํ๋ค. ์ง์ง ๋ฟ๋ฏ๋ฟ๋ฏํ๋น ํํ
</aside>
์ด์ฌํ ์ง๋ณธ + ๋ฐ๋ผ์น ์ฝ๋ (๏ฝก๏ฝฅโ๏ฝฅ)๏พ๏พ
<aside> โ 315p. ์ง์ ํด๋ณด๋ ์์ฝ๋ฉ ์คํ ํ ์ถ๋ ฅ๋๋ ๊ณ ์์ด ์ด๋ฏธ์ง ์บก์ณํ๊ธฐ!
</aside>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
document.addEventListener('DOMContentLoaded', () => {
const rects = document.querySelectorAll('.rect')
rects.forEach((rect, index) => {
const width = (index + 1) * 100
const src = `http://placekitten.com/${width}/250`
rect.setAttribute('src', src)
})
})
</script>
<img class="rect">
<img class="rect">
<img class="rect">
<img class="rect">
</body>
</html>
์ฐ์ ์ง์ง ์ ๊ธฐํด!