* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

3주차 강의 중 스타플릭스에 카드 만드는 것을 하고 있는데요..!

temp_html을 사용하고 있는데 정확한 쓰임이 궁금합니다!

function makecard() {}

라는 건 makecard라는 함수(onclick)를 작동시켰을 때 {}를 하도록 해라

라는 것 맞을까요?

그랬을 때 각각 image, title, commet, star의 값을 가져오라고 함수를 적은 게 아닌가요?

왜 밑에

       let temp_html = ``;

코드를 한 번 더 넣어 줘야 하는지 이해가 가질 않습니다 ㅠㅠ

$('#card').append(temp_html);

그리고 위 코드를 제일 마지막에 붙여야 하는 이유도 따로 있을지 궁금합니다!

    <script>
        function openclose() {
            $('#postingbox').toggle();
        }
        function makecard() {
            let image =  $('#image').val();
            let title =  $('#title').val();
            let comment =  $('#comment').val();
            let star =  $('#star').val();
            
            
            let temp_html = `
            <div class="col">
                <div class="card h-100">
                    <img src="${image}"
                        class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">${title}</h5>
                        <p class="card-text">${star}</p>
                        <p class="card-text">${comment}</p>
                    </div>
                </div>
            </div>`;
            $('#card').append(temp_html);
        }
    </script>