23.01.13 개발일지

시험날이다. 

9시에 일어나 시험을 보러 게더에 들어갓고

시험장에 앉아 시험지를 언제주지 라는 생각을 하며 멍때리고 잇다가 물어봣다.

'시험문제는 언제주시나요;;'

'x버튼 누르면 시험 링크떠요'

'감사합니다;;;'

아침부터 정신을 침대에 두고 온건지 좀 부끄러웟다..

시험문제는 다음과 같다. 버킷리스트 등록 및 성공시의 버튼 취소 버튼을 구현하는것이엿는데 사전에 예시문제에서 잇던 거라 그리 어렵지는 않앗다. 다만 아직까지는 구조 짜는 것에 대해서 속도가 많이 나지 않기 때문에 시간이 좀 걸렷다는점...동작은 if문을 사용해서 구현하엿는데 그 표식은 아래와 같다.

if(done == 0){

                        temp_html = `<li>

                                        <h2>✅ ${bucket}</h2>

                                        <button onclick="done_bucket(${num})" type="button" class="btn btn-outline-primary">완료!</button>

                                    </li>`

                    }else {

                        temp_html = `<li>

                                        <h2 class="done">✅ ${bucket}</h2>

                                        <button onclick="flase_bucket(${num})" type="button" class="btn btn-danger">취소!</button>

                                    </li>`

                    }

 

    function done_bucket(num){

        $.ajax({

            type: "POST",

            url: "/bucket/done",

            data: {num_give:num},

            success: function (response) {

                alert(response["msg"])

                window.location.reload()

            }

        });

    }

    function flase_bucket(num){

        $.ajax({

            type: "POST",

            url: "/bucket/flase",

            data: {num_give:num},

            success: function (response) {

                alert(response["msg"])

                window.location.reload()

            }

        });

    }

 

좀 길어 보이지만 짧은점 알아 두시고 여기서 처음 공부할때 어렵다고 본 점은 등록을 할때 한개의 리스트당 하나의 넘버 또는 아이디를 줘야 한다는점 그리고 성공 취소을 할때의 done의 숫자가 변경되야한다는점 정도 인데 자꾸 백엔드 부분에서 넘버부여할때 num_give는 글자요소로 데이터에 들어가서 int로 묶어야하는데 자꾸 까먹는다는점... 시험볼때는 왜 안되지 하다가 int안넣네 ... 이생각하면서 시험 봣던거 같다.

그리고 시험문제에는 성공 취소에 대한 내용만 잇어서 등록에 대한 부분을 자세히 안봐서 문제가 생길뻔햇다..

위와 보는 것과 같이 아무것도 검색을 안햇을시 경고창이 뜨는것 그리고 띄어쓰기로 시작해서 글자를 치면 띄어쓰기까지 적용이 되는데 그거 고치는 것 정도엿지만... 테스트 안해봣음 탈락햇을수도... 잇을거같은 불안감이 든다.

나름 알찻던 일주일이라고 생각된다.(아래 정보 넣어 놧다 간단하게....)

 

function save_bucket(){

        let bucket= $('#bucket').val()

        if(bucket.trim() == ''){

            alert('버킷리스트를 작성해주세요(빈칸만 작성후 버튼클릭시 새로고침도 추가해 보았습니다.)')

            window.location.reload()

        }else{

                $.ajax({

                    type: "POST",

                    url: "/bucket",

                    data: {bucket_give:bucket},