231129 TIL

팀원분들이 완성한 수정삭제 비밀번호 검사 기능을 병합하니

수정 기능에서 에러가 발생해서 그걸로 시간이 훅 가버린데다가 

TIL작성을 까먹어서 허둥지둥 켜보니 캡쳐본도  없고 남은건 console 의 오류뿐...

Cannot read propertues of null (reading 'addEventListenter')

addEventListener의 파라미터로 따라온 editModal Id 참조가 잘못 되어 있었다고 한다. -> 내가 못본거라 다시 확인해야한다.

그래서 그 아래의 value 값도 안 뜨고 

수정버튼을 누르면 모달창이 뜨는데 확인이 실행이 안되는거다...

 

오늘은 느낀 점이 너무 많다.

새로운 기능을 찾고 다른 것들과 겹치지 않게 조정하는 등등에서 허둥대다가 시간이 다 가버렸다.

그나마 삭제 기능은 어제 직접 해보면서 입력값에서 데이터 받아오고 이런 것도 이해했는데

수정 기능은 부분 부분 막혀서...그래서 같은 기능을 내가 따로 시도해보고 비교해볼 생각이다.

{
            const commentEditModal = document.querySelector("#editModal");
            commentEditModal.addEventListener("show.bs.modal", function (event) {

                const triggerBtn = event.relatedTarget;

                const editId = triggerBtn.getAttribute("data-bs-id");
                const editName = triggerBtn.getAttribute("data-bs-name");
                const editContent = triggerBtn.getAttribute("data-bs-content");
                const editPassward = triggerBtn.getAttribute("data-bs-pass");

                document.querySelector("#edit-name").value = editName;
                document.querySelector("#edit-content").value = editContent;
                document.querySelector("#edit-docid").value = editId;
            })

            const editCheckBtn = document.querySelector("#editcheckBtn");
            editCheckBtn.addEventListener("click", async function () {

                const docId = document.querySelector("#edit-docid").value;

                const comment = await getDoc(doc(db, "abc", `${docId}`));
                const commentData = comment.data();
                const RightPassward = commentData['pass'];

                const WrittenPassward =
                    document.querySelector("#edit-writtenpassward").value;

                console.log(`저장된 비밀번호: ${RightPassward}`);
                console.log(`입력한 비밀번호: ${WrittenPassward}`);

                if (RightPassward != WrittenPassward) {
                    alert('비밀번호가 틀렸습니다!');
                    window.location.reload();
                    return;
                }

                const newComment = {
                    name: document.querySelector("#edit-name").value,
                    content: document.querySelector("#edit-content").value
                };

                console.log(newComment);
                console.log(docId);

                await updateDoc(doc(db, "abc", `${docId}`), {
                    name: document.querySelector("#edit-name").value,
                    content: document.querySelector("#edit-content").value
                });

                alert('수정 완료!');
                window.location.reload();
            })
        }

진짜 반드시 이해할거다.....파이어베이스도 내가 처음부터 다시 해보고...

 

늦었지만 오늘부터라도 git을 제대로 활용하려고도 했는데 뭐가 문제인지 push 하니깐 안된다고 pull을 해보라길래 pull을 했더니 뭐 없다고 안  뜨고 그래서 다시 push 하면 또 pull 한 다음에 push 하라는 말이나 반복하는 git 때문에 멘붕와서 팀원분들이 대신 업로드해주셨다...맡을 생각이 전혀 없었던 팀장자리라고는 해도 이왕 하게 된거, 잘하진 못해도 못하진 않고 싶었는데 내가 제일 뒤쳐지는 기분이다. 뒤쳐지는 기분이 너무 싫다. 남들보다 못하는게 싫다. 옛날에는 이런 기분이  들면 쟤랑 나랑은 다르니까~ 하면서 타협하고 적당한 선에서 끝냈다. 그런데 이번엔 그러기 싫다. 그래서 더욱 더 조급한 마음을 가지면 안될 것 같다. (근데 그게 쉽냐고😂😂😂) 나는 완벽히 이해를 못했는데 다른 사람들은 다 한거 아냐? 나만 이런거 아냐? 이런 마음이 자꾸자꾸 생겨난다. 발표가 끝난 다음에 많은 생각을 해보아야겠다.....집안사정으로 하다가 멈춰야 했던 혼공컴운부터 다시 시작해보자