vuetodolist 2

Vue.js 투두리스트 - 완료 상태로 전환하기, 데이터 삭제하기

잠깐 스톱했던 이유가 index 파일의 스타일이 먹히지 않아서 고민이었는데.. 개발자 친구에게 물어본 결과 public파일의 index가 아닌 다른 index파일에서 작업해서 였다!! 이것 때문에 일주일을 고민했는데 이제 완전 해결! 계속해서 학습하기.. Vue.js 투두리스트 - 완료 상태로 전환하기, 데이터 삭제하기 2022/06/05 1. Todolist 체크박스 만들고 완료시 완료상태표시 -미리 체크박스 스타일링 확인 .checkBtn{ line-height: 45px; color: aquamarine; margin-right: 5px; } .checkBtnCompleted{ color: grey; } .textCompleted{ text-decoration: line-through; color:..

괴발개발 2022.06.05

Vue.js 투두리스트 - List 데이터 로컬스토리지에서 가져오기, 삭제하기

[오늘의 할일] 사용자가 화면에서 입력한 내용을 로컬 스토리지에서 저장해서, 로컬 스토리지 내용을 리스트로 가져오고, 리스트의 내용을 삭제하는 기능 구현 Vue.js 투두리스트 - List 데이터 로컬스토리지에서 가져오기, 삭제하기 2022/04/21 하고싶은거:input에서 저장한 로컬스토리지 내용을 List 콤포넌트에서 출력 1.데이터 선언 -로컬 스토리지에서 가져온 내용을 데이터에 묶어주기 data:function(){ return{ todoItem:[] } } -vue.js에서의 lifecycle Hooks란? >> 더보기 *lifecycle Hook -8단계로 이루어진 콤포넌트의 라이프사이클 (생애 주기) -created: 인스턴스가 생성되자마자 호출 -자바스크립트의 로컬스토리지란>> https..

괴발개발 2022.04.21