todolist 살펴보기
간단하면서도 반드시 알아야 할 컴포넌트 구조화와 컴포넌트 통신을 구현해볼 수 있음.
추가된 할일 텍스트 데이터는 브라우저 저장소인 로컬 스토리지에 저장된다. 브라우저 저장소를 사용하면 서버와 db를 별도로 구성하지 않고도 간단하게 js 한줄로 data를 저장하고 삭제할 수 있다.
브라우저 저장소의 종류
vue CLI를 이용한 프로젝트 생성
vue init webpack-simple vue-todo
프로젝트 초기 설정
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width=device-width: 기기의 너비만큼 웹 페이지의 너비를 지정
initial-scale: 페이지의 배율로 페이지가 로딩되었을 때 줌 레벨을 의미
[Reference]
Do it Vue.js 입문(이지스퍼블리싱)