<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="row">
<!-- <div class="col-sm-4">
< img src="https://via.placeholder.com/600" class="w-100">
<h5>Card title</h5>
<p>가격 : 70000</p>
</div> -->
</div>
</div>
</body>
<script>
var products = [
{ id : 0, price : 70000, title : 'Blossom Dress' },
{ id : 1, price : 50000, title : 'Springfield Shirt' },
{ id : 2, price : 60000, title : 'Black Monastery' }
];
var 템플릿 =
`div class="col-sm-4">
< img src="https://via.placeholder.com/600" class="w-100">
<h5>Card title</h5>
<p>가격 : 70000</p>
</div>;`
$('.row').append(템플릿)
</script>
<script src="https://code.jquery.com/jquery-3.6.3.min.js"
integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
crossorigin="anonymous"></script>
</html>
이대로 하면 제대로 나오시는지 궁금합니다. jquery 안쓰고 자바스크립트로만 강의보면서 하고있었는데
이게 안되서 다음진도도 못나가고 자바로 해결하려다 안되서 jquery 까지 써서 똑같이 따라친거같은데도 안되네요
진짜 너무화가납니다 안되는 문제들은 당연히 제가 잘못친거라고 생각하는데 2시간동안 고치려고 애썼는데
이건 제잘못이 아닌거같아요
해결좀해주시면 감사하겠습니다..
