[내일배움캠프] AI트랙 5기 - 4일차 : 팀 소개 페이지 만들기 230316

09:00 오늘도 힘차게 시작

어제 생각한 대로 수정 기능 구현이 너무 하고 싶었다.

11시까지만 해 보고 안 되면 접을 테니 좀만 기다려달라고 팀원분들께 이야기 하고 혼자 구현해봤다.

처음엔 수정하기 버튼을 누르면 해당 글의 정보(id값)를 받아서 글쓰기 폼에 기존 값을 넣고 다시 입력받으려고 했다.

문제는 그건 글쓰기 폼이라 수정이 아닌 새로 작성되는 것이라는 거다.

그래서 수정을 하기 위해서는 수정 폼이 필요했다. 그런데 그렇게 하고 싶지는 않았고, 글을 불러온 자리에서 바로 수정되게 하고 싶은 욕심이 있었다. 이미 짠 코드들로는 힘든 일이긴 했지만 시도는 해 보았다............

 

는 실패 점심시간까지 못 했다...........

오후 시간

다른 조 분이 도와주셔서 5시 넘어서 성공했다. 

비밀번호 받아와야 하니까 idx 값도 받아오고... 이건 삭제와 같다.

if (idx == gbook_idx) {
    let gbook_password = gbook.pw
    if (pwd == gbook_password) {
        update_book(idx)
    } else {
        alert('비밀번호를 확인해주세요')

비밀번호가 같을 때 수정창 띄우는 함수를 실행하도록 하고

// 수정 창 띄우기
function update_book(idx) {

    let idx_selected = idx
    let id = 'updatepg/' + idx

    let formData = new FormData();

    formData.append("idx_", idx_selected);
    fetch('/update', { method: "POST", body: formData })
        .then((res) => res.json())
        .then((data) => {

            window.open(id,"update","width = 500, height = 500, top = 100, left = 200, location = no")

        })
}

// 수정하기
function save_updated_comment() {
    let updated_nickname = $('#updated_nickname').val() //문자열
    let updated_comment = $('#updated_comment').val()
    let element = document.getElementById('id_idx')
    let idxx = element.innerText
    let name_element = document.getElementById('myname')
    let my_name = name_element.innerText

    let formData = new FormData();
    formData.append("idxx_give", idxx);
    formData.append("up_nickname_give", updated_nickname);
    formData.append("up_comment_give", updated_comment);
    // 유효성 검사
    if (updated_nickname.trim() == '') {
        alert('닉네임을 입력해주세요.')
    } else if (updated_comment.trim() == '') {
        alert('내용을 입력해주세요.')
    } else {
        fetch('/saveupdate', { method: "PUT", body: formData, })
            .then((res) => res.json())
            .then((data) => {
                alert(data["msg"]);
                opener.opener.location.reload();
                window.close()
            });
    }
}

fetch로 수정한 값을 저장한다. 

수정했을 때 수정 창이 닫히고 목록도 새로고침 됐으면 좋겠는데, 해당 url 이 다 달라서 if 문을 쓸 수 밖에 없었다.

if (my_name == '서채연') {

    opener.location.href = '/cy'

} else if (my_name == '장한울') {
    opener.location.href = '/hw'
} else if (my_name == '김영우') {
    opener.location.href = '/yw'
} else if (my_name == '이정현') {
    opener.location.href = '/jh'
} else if (my_name == '최진규') {
    opener.location.href = '/jk'
}

 

이거 하니까 하루가 다 갔어 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

모달로 삭제하시겠습니까? 하는 것도 하고 싶은데 

내일이 바로 발표라.....

발표 준비 하고 시연 영상 찍고 하루 끝