TechScribe Notes

🖥️사용한 기술 -HTML -CSS -Vanila JS 📅소요시간 -마크업부터 스타일링 기능까지 약 6일정도 소요 📚구현한 기능 할일 추가 입력, 삭제, 수정,완료 표시를 구현하고 로컬저장소를 이용해 반영구적으로 저장할 수 있도록 함. 💡요소 설정 및 배열 선언 //요소 선택 및 배열 선언 const todoList = document.getElementById('todo-list') const todoForm = document.getElementById('todo-form') let todoArr=[]; todoList = 할 일을 추가할 때마다 리스트가 생성되는 부분 todoForm = 할 일이나 수정할 내용을 입력받는 인풋과 버튼 영역 todoArr = 할 일의 내용을 배열로 저장할 수 있는 빈 ..

토이 프로젝트를 어떤걸 할까 고민하다가 그냥 하나를 만들어서 새로운 것을 배울 때마다 적용해나가면서 발전시키는 것도 좋겠다고 생각해서 만들어 보기 시작했다. ⌨️JS로 CRUD 구현하기 📒구현하는데 사용한 공부한 내용들 1.insertBefore, 부모노드,자식노드 https://yunmee0704.tistory.com/66 [코딩애플;JS]JS로 Html 만들기(appendChild, insertAdjacentHTML,innerHTML) 💡innerText = 요소 내의 텍스트 내용을 변경할 수 있다. 💡innerHTML = 요소 내에 포함된 html을 추가하거나 변경할 수 있다. ✔️DOM에서 노드 추가/삭제하는 법 1.요소 노드 만들기 : createElement(태그) 2 yunmee0704.ti..