<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>load 이벤트 사용하기</title> <style> body { text-align: center; } #loadingImage { transition: transform 0.5s; } </style> </head> <body> <h4>페이지 로딩</h4> <img id="loadingImage" src="../media/photo6.png"> <script> const image = document.getElementById("loadingImage"); image.addEventListener("load", function () { image.style.transform = "rotate(360deg)" }); </script> </body> </html>