태태코딩

기본 컴포넌트   Todo App을 관리하기 위하여 각각 Input부분과 List부분에 배열을 넣어주어 localStorage에 저장하는 코드로 작성을 해보았다. 문제점이 바로바로 로딩이 안된다는 것이였다. 그렇기 때문에 배열을App.vue에  놓아두고 Input과 List의 기능들이 emit을 통해서 이벤트를 일으키면 그에 맞게 localStorage를 변형시키고 ,App.vue 에 있는 배열을 즉각 갱신하여 이 단점을 보완했다.

프로젝트 단축키 관리자 권한으로 VisualStudio 실행.sudo /Applications/Visual\ Studio\ Code.app/Contents/MacOS/Electron  명령어를 통해서 프로젝트 생성.create vue3-cli  vbc : 기본 형식을 맞춰주는 단축키(아래 참조) Vue의 기본구조템플릿스크립트스타일  vda: 데이터받아오기  결론 코드: ID: PW: Submit

디렉티브 UI 개발할 때 js 코드를 작성하지않고, 편리하게 기능을 제공한다.v-ifv-elsev-for(리스트를 렌더링 할 수 있다.)v-bind {{ item }}