Project/Project(프로젝트) todoList15 AWS 배포 2023. 6. 4. Project(프로젝트) todoList 13 HTML 삽입 미리보기할 수 없는 소스 +버튼을 눌렀을때 추가로 todolist를 추가할 수 있도록 하는 html const modalContainer = document.querySelector(".modal-container"); const todoAddButton = document.querySelector(".todo-add-button"); modat Container와 todo AddButton을 가져오고 todoAddButton.onclick = () => { modalContainer.classList.toggle("modal-visible"); todoContentList.style.overflow = "hidden"; setModalEvent(); } Container버튼 + 을 클릭했.. 2023. 4. 26. Project(프로젝트) todoList 13 게시물을 추가하고 확인버튼을 누르면 DB에 저장되도록 함 먼저 ajax요청을 만들었다 게시글을 db에 넣어야 하기때문에 몇번째 게시물인가? 와 어떤 내용인가를 todoCode와 todo로 매개변수로 넣고 게시글을 insert해야하기 때문에 put방식과 JSON객체로 넣는다 성공적으로 게시글이 DB에 들어가면 true가 아니면 에러메시지가 나오도록 하였다 확인버튼을 눌러도 DB로 저장되고 Enter 버튼을 눌러도 저장되게 만들기 위해서 window.event.keyCode=13 즉 Enter를 눌렀을 때도 DB에 요청을 날리도록 해주었다 2023. 4. 21. Project(프로젝트) todoList 12 https://sonnnnnhnh.tistory.com/420 Project(프로젝트) todoList 11 체크박스를 체크했을때 DB에 요청을 보내고 DB에서 index값이 바뀌도록 함 HTML 삽입 미리보기할 수 없는 소스 function addEvent() { const todoContents = document.querySelectorAll(".todo-content"); for(let i = 0; i < todoCont sonnnnnhnh.tistory.com function addEvent() { const todoContents = document.querySelectorAll(".todo-content"); for(let i = 0; i < todoContents.length; i++){ .. 2023. 4. 19. 이전 1 2 3 4 다음
