과제 하다 막힌 점

파이어 베이스에 연결이 안되어서 왜이러지 하고있었는데

image, title, star, comment 를 안 잡아주었다. 

let image = $('#image').val();
            let title = $('#title').val();
            let star = $('#star').val();
            let comment = $('#comment').val();

이 쉬운걸 다른 값을 적어서 30분동안 헤매고 있었다.... 바보

그리고 버튼에 id 를 2개를 넣어 놨었다..... 

바보 바보...  

나름 꼼꼼히 한다고 생각하고 하는데  오타도 많고 똑같은 것을 두번써두고....

정신 차리고 해야겠다... 이런거 때문에 낭비되는 시간이 너무 아까울뿐이다...

 

그리고 

 let tempHtml = `
                <div class="col">
                    <div class="card h-100">
                        <img src="${image}" class="card-img-top" alt="...">
                        <div class="card-body">
                            <h4 class="card-title">${title}</h4>
                            <p class="card-text">${comment}</p>
                            <p>${star}</p>
                            <button class="card-button">주문하기</button>
                        </div>
                    </div>
                </div>
            `;

 

let tempHtml 을 쓰는것도 익숙치 않아서 이곳에서도 시간을 많이 소비했다.

문법...공부를 해야되는지 모르는 것이 너무많다... 오늘도 고된 코딩이였다..