웹개발 종합반 4주차

숙제를 하는데 재미는 있었다.. 문제는 2시간동안 했다는 것이다. 강의를 진행하시는 튜터님은 단14분 과정으로 설명을 하면서 넘어가는 것을 난 저렇게 오래 잡고 있어도 완벽하게 하지 못해서 1시간은 나혼자 하고 나머지 1시간은 강의를 보면서 하는데 내 코드로 하려고 안간힘을 쓰는데 그냥 복붙을 하고 싶은 욕구가 샘솟았다. 하지만 그러면 성취가 되지 않을 것 같아서 최대한 보면서 내가 직접하려고 했는데 너무 어려웠다.

 

코딩을 할 때 코드에 필요한 괄호를 잘 확인하고 체크 했어야 했는데 그부분을 내가 제대로 점검하지 못해서 오류도 발생하고 한 곳에서 발생한 오류로 인해 다른 것도 안되는 문제가 발생한다.

내가 ajax로 get, post 등을 받을 때 내가 get에서 문제가 발생하면 다른 ajax 코드에도 영향을 줘서 작동을 하지 않는다. 그래서 항상 하나를 정확하게 완수하고 문제가 생겼을 때 최근에 한 코드에 문제가 있다는 것을 확인하면서 하는게 좋을텐데 마음만 급해서 자꾸 한꺼번에 하고 그 다음에 구조에 맞추려고 하다보니까 어디가 문제인지 잘 모르겠고 헷갈려서 잘 안되었다.

function listing() {
    $.ajax({
        type: "GET",
        url: "/order",
        data: {},
        success: function (response) {
            if (response["result"] == 'success') {
                let orders = response["orders"];
                for (let i = 0; i < orders.length; i++) {
                    let name = orders[i]['name']
                    let count = orders[i]['count']
                    let address = orders[i]['address']
                    let phone = orders[i]['phone']

                    let temp_html = `<tr>
                                            <th scope="row">${name}</th>
                                            <td>${count}</td>
                                            <td>${address}</td>
                                            <td>${phone}</td>
                                        </tr>`
                    $('#orders-box').append(temp_html)
                }
            }
        }
    })
}

 

이 코드를 만들 때 오류가 많이 발생했는데 내가 if (response["result"] == 'succss') {}를 하고 안에 구조를 맞췄어야 했는데 내가 중괄호를 넣지 않고 만드니까 함수로 만든 orders가 작동하지 않았다. 그래서 계속 뭐가 잘못된 것인지 강의를 봐도 잘 이해가 안가고 계속 엄한 밑에서 만들었던 코드를 계속 보면서 답답해 했는데 막상 중괄호를 만들지 않아서 되지 않았던 것이 뭔가 한심하긴 했지만 해결이 되니까 마음은 훨씬 편해졌다.

코딩은 신기한 것 같다. 안되면 답답해서 죽어버릴 것만 같은데 막상 이런 가벼운 실수 하나가 해결되도 기분이 되게 좋아서 10년 묵은 체중이 싹 내려간 느낌이다. 

 

전체적인 4주차의 리뷰를 하자면 4주차 왕초보 개발반의 내용은 서버와 자료형 저장, app.py와 index.html의 연결 등으로 이루어져 있으며 전체의 내용이 긴밀하고 비슷하게 이루어져 있다. 그 중에서 app.py로 서버 통신을 한 내 사이트로 약간의 코드를 조작해서 변화한 것을 바로 볼 수 있고 그리고 코드를 통해 연결이 잘 되었는지 계속해서 사이트를 통해 확인을 해야하기 때문에 잘못된 부분이 있으면 팝업창이 되었든 원래 되어야할 반응이 나타나지 않는 등으로 보여지는 문제가 나타나서 더 흥미롭게 했다. 하면서 아쉬운 부분도 있고 잘 이해하지 못한 부분도 있지만 그래도 더 열심히 하면 좋은 사이트를 만들 수 있지 않을까? 하는 생각이 들어서 꾸준히 계속 하고자 한다.