Vue.js로 todolist 만들기

todolist 살펴보기간단하면서도 반드시 알아야 할 컴포넌트 구조화와 컴포넌트 통신을 구현해볼 수 있음. 추가된 할일 텍스트 데이터는 브라우저 저장소인 로컬 스토리지에 저장된다. 브라우저 저장소를 사용하면 서버와 db를 별도로 구성하지 않고도 간단하게 js 한줄로 d

저장된 할 일 목록을 표시직접 텍스트를 입력하는 대신 로컬 스토리지의 데이터 개수만큼 목록에 추가하여 표시해보자. 로컬 스토리지 데이터를 뷰 데이터에 저장뷰 데이터의 아이템 개수만큼 리스트 아이템 표시 push()는 배열의 끝 요소에 배열 아이템을 하나씩 추가하는 자바

현재 애플리케이션 구조의 문제점할 일을 입력했을 때 바로 목록에 반영 X할 일을 모두 삭제했을 때 할 일 목록에 바로 반영 X문제 해결을 위한 애플리케이션 구조 개선같은 데이터 속성을 사용하기 위해 최상위(루트) 컴포넌트 App 컴포넌트에 items라는 데이터를 정의하

뷰 애니메이션뷰 프레임워크 자체에서 지원하는 애니메이션 기능으로, 데이터 추가, 변경, 삭제에 대해서 fade in, fade out 등의 여러 가지 애니메이션 효과를 지원한다. ❗:key 속성은 v-for 디렉티브를 사용할 때 지정하는 게 좋다. 뷰 모달input b