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

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

질문 내용

2-12 Fetch Quiz

제 코드에서 오타나 틀린 부분을 찾으려면 어떻게 해야할까요?

강의를 보면서 따라하다가 화면을 보면 제 결과랑 강사님 결과가 다르다는 걸 발견해서, 어딘가 수정이 필요하다는 것을 깨닫게 되는데,

강사님 코드랑 제 코드를 일일이 비교해서 보기보다 콘솔 창에서 어디서 오류가 났는지 발견할 수 있는 방법이 있지 않나요?? 어떻게 console.log를 사용해서 오류가 난 부분을 볼 수 있을까요? 일전에 그렇게 오류를 찾았던 것 같은데 기억이 잘 안나네요..죄송합니다 ㅜㅠ

예를 들면 아래와 같이 작성하고 업데이트를 눌러 보았는데, 안돼서 찬찬히 보니까$('names-q1'). 요기서 #이 빠져있다는 걸 알게 됐습니다.

하지만 더 빠르게 콘솔 창에서 어디가 오류 났는지 확인하는 방법을 알고싶습니다..

    <script>

        function q1() {

            fetch("http://spartacodingclub.shop/sparta_api/seoulbike").then(res => res.json()).then(data => {

                let rows = data['getStationList']['row']

                rows.forEach((a) => {

                    let name = a['stationName']

                    let rack = a['rackTotCnt']

                    let bike = a['parkingBikeTotCnt']

                    let temp_html = `<tr>

                                            <td>${name}</td>

                                            <td>${rack}</td>

                                            <td>${bike}</td>

                                    </tr>`

                    $('names-q1').append(temp_html)

                })

            })

        }

    </script>보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.