brunch

매거진 개발일지

You can make anything
by writing

C.S.Lewis

by yurikim Nov 28. 2022

웹개발종합반 개발일지 5주차

완주하였습니다


숙제로 받은 방명록 폼을 이용하여 책 속의 문장을 기록하는 폼을 제작함

이미지를 헤더 부분에서 바디 전체로 깔아줌, 일부 스타일의 수정, 날짜 추가, 두 인풋폼의 공란이 발생할 경우 기록하지 않고 알람을 띄움




function save_comment() {

    let name = $('#name').val()
    let comment = $('#comment').val()

    if (name == "") {
        alert('책 제목이 입력되지 않았습니다.');
    } else if (comment == "") {
        alert('문장이 입력되지 않았습니다.');

    } else {
        $.ajax({
            type: 'POST',
            url: '/homework',
            data: {name_give: name, comment_give: comment},
            success: function (response) {
                alert(response['msg1'])
                window.location.reload()
            }
        })
    }
}


근데 comment == ""의 공란 말고도 스페이스바만 눌렀을때도 입력이 안되게 하고싶은데 그것은 못찾음.



기존의 정렬방식이 아래로 갈 수록 최신의 데이터가 쌓이는 방식인데 이걸 최근 메세지가 위에 오도록 하고 싶어서


let reverse = response['homework']
let rows = reverse.reverse()


reverse()를 추가함


첨엔 for (let i = 0; i < rows.length ; i++) { 구문의  =0을 최대 length로 설정하고 줄이는 식으로 하려고 했는데 안됨... 왜일까... 이론상은 되던데 오류나고 안됨...



let year = rows[i]['year']
let month = rows[i]['month']
let day = rows[i]['day']


이렇게 년,월,일을 각각 데이터로 저장해다가 썼는데... 이렇게 하는게 맞나



이렇게 저장이 되는데 원래는 파이썬안에서 년월일을 포함한 문장을 데이터로 만들고 싶었는데

쉼표가 자꾸 안빠져서 day,'일' 이렇게 하면 계속 27,일 이렇게 되는바람에 포기하고 각각 데이터로 넘겨서 ${day}로 태그에 썼다....

이렇게 하면안되나보다… 날짜 업데이트가 안된다 헝헐..






넘 피곤해서 나머지 개발일지는 추후에 보강하겠음...






완강을 했으나 ... 아무것도 모르겠는 느낌.


만약에 이 폼을 공개로 사용할 경우? 내가 쓴 글을 삭제할 수 있게 해야할텐데

그러려면 최소 비밀번호가 필요한데 우짤..... ㅋㅋㅋ 나 할 수있는 거냐며



http://straydesigner.shop/

구경오세욤ㅋㅋ

스크롤할때 인터렉션 추가하고싶은데 할줄모름.... ㅋㅋㅋㅋ

매거진의 이전글 웹개발종합반 개발일지 4주차
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari