Programming/JavaScript
-
자바스크립트 li태그 선택 - 실시간 댓글 삭제Programming/JavaScript 2020. 3. 18. 01:08
// template pug 사용 // comment.pug 예시 ul#jsCommentList // ul태그의 id는 jsCommentList each comment,index in video.comments // db에서 comment(댓글) 가져옴 li(data-index=index) // index를 줄 수도 있음 span = comment.text // comment db에 저장된 댓글 내용 button.comment-delete 삭제 button.comment-modify 수정 // 위의 each문으로 생성된 comment 예시 문 ul#jsCommentList li span = "첫 번째 댓글" button.comment-delete 삭제 button.comment-modify 수정 li s..
-
localstorage 에서 선택한 value 값 삭제 / filter()Programming/JavaScript 2019. 12. 23. 23:27
노마드코더에서 공부하다 기억하기 위해 다시 한 번 정리 localStorage.removeItem()으로 삭제 가능하나, 해당되는 key에 속한 value값들도 전부 삭제가 되어버림 HTML, JS 예제코드 const toDoForm = document.querySelector('.js-toDoForm'), toDoInput = toDoForm.querySelector('input'), toDoList = document.querySelector('.js-toDoList') const TODOS_LS = 'toDos' let toDos = [] function deleteToDo(event) { const btn = event.target const li = btn.parentNode toDoList.r..
-
javascript localstorage 저장/JSON.stringify(), JSON.parse()Programming/JavaScript 2019. 12. 23. 21:25
js 에서 localstorage로 저장 object -> string 으로 변환하는 방법은 JSON.stringify( object name ) 을 해주면 된다 js에서 localStorage.setItem()을 할 때, localStorage는 js의 오브젝트를 저장할 수 없다. object -> string 바꿔 localstorage에 저장해야한다. localstorage에 string으로 변환시켜주지 않고 setItem을 했을 경우 function saveToDos() { localStorage.setItem(TODOS_LS, toDos) } localstorage에 object를 string 변환해서 setItem을 했을 경우 function saveToDos() { localStorage.s..
-
event.preventDefault()로 submit 이벤트 발생시 reload 안하기Programming/JavaScript 2019. 12. 22. 23:09
event.preventDefault() html에서 a태그나 submit 태그는 고유의 동작으로 페이지를 이동시키거나, form 안에 input등을 전송하는 동작이 있는데 e.preventDefault()는 그 동작을 중지시키는 역할을 한다. input 또는 button 클릭 이벤트가 발생 했을때 페이지가 리로드가 되는데 그 현상을 막아줌 HTML 00:00 로그아웃 JS const toDoForm = document.querySelector('.js-toDoForm'), toDoInput = toDoForm.querySelector('input'), toDoList = document.querySelector('.js-toDoList') const TODOS_LS = 'toDos' function p..