vue투두리스트 2

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

Vue.js 투두리스트를 만들기위해 기본 셋팅하기 + 지역콤포넌트 설정

오랜만에 학습이라 지역콤포넌트/전역콤포넌트부터 다시 공부했다. 헤헤.. [한줄 요약] -실무에서 쓰는건 지역콤포넌트! -콤포넌트마다 개별 vue 파일로 제작! -한 파일안에는 하나의 div 파일만 존재! -App.vue 파일에 모을때는 import와 new vue에서 콤포넌트 정의 필수! Vue.js 투두리스트를 만들기위해 기본 셋팅하기 + 지역콤포넌트 설정 2022/04/15 [반드시 필요한 개발 환경] -NPM -Visual Studio -vue.js -github -Chrome [Visual Studio code] -무료 프로그램, 홈페이지에서 다운 받기 https://code.visualstudio.com/ -플러그인 vetur 사용하기 :코드를 인식하여 가독성 좋게 변경 -TSLint 사용하기 ..

괴발개발 2022.04.15