노토다

npm run serve로 시작하는 법 or npm run dev로 시작하는법 package.json에 scripts 부분에 아래와 같이 입력하면 된다.

해당 글은 이미 존재하는 코드를 이해하는 과정에서 정리한 것인데, 내가 놓치고 정리하지 못한 부분이 있을 수 있음. 그래서 개념 이해용으로만 사용해야함. 모듈화 하는 법 1. main.js에 아래처럼 store폴더를 import (폴더를 import하면 index.js를 찾아가는 듯) 2-1. index.js에 아래의 왼쪽처럼 코드 추가함 (왼쪽방법 사용함, 오른쪽은 다른 방법 예시) 2-2. index.js에 modules넣음(getters는 다른 곳에 필요함) 3. store의 modules폴더에 아래처럼 store폴더를 넣어둠 모듈화한 store 사용법 - 위의 app.js에 있는 state를 사용한다고 했을 때 예시 this.$store.state.app.NewNodeInfo라고 하면 위의 sta..

Vue에서 Html부분에 사용하는 중괄호와 대괄호에 대한 설명이다. 데이터 바인딩할때 중괄호, 대괄호에 따라 작동 방식이 다르다. 1. 먼저 기본적인 데이터 바인딩 이해를 돕기위해 기초적인 내용이지만 추가했다. 1) v-bind: 는 :로 축약된다. 2) v-bind: 문법을 사용하면, 단순히 String으로서 받아들이는 것이 아니라 script에 정의되어 있는 것에 따라 동적으로 바인딩 된다.(한 마디로 변수처럼 작동한다.) - div의 :class에 초기화 되는 값인 classObject는 변수명으로서 동작하여 data의 classObject의 값인 'aaa'를 가져온다. ( :class로 :이 있기 때문에) - classObejct에 할당된 'aaa'가 동적으로 바인딩된다. 그리고 style의 .a..