Emma.log()

둘다 화면에 표시 하는지 안하는지에 대한 지시자 v-show는 css를 사용해서 요소를 display가 show하거나 none되거나 처리된다. v-if/v-else는 Dom에서 컨텐츠를 제거한다. 즉 랜더링이 안되는거지 v-show는 다른 else가 없을때 적합하다. 조건이 ture일때 보여줄 내용이 있는데, false일땐 보여줄 컨텐츠가 없다. - 일시적인 메시지 배너, - 웹페이지 하나로는 사용할수없는 여러 웹페이지에서 사용하는 리스트 페이징 요소 등과 같은 때에 사용할수있다. v-if/ v-else는 요소 덩어리 두개중 하나라 렌더링되어야할때 적합하다. 요소컨테이너? 그 덩어리가 두개중에 하나는 꼭 보여야한다. 그니까 난 a가 아닐땐 보일게 없어! 하면 v-show써야함 로그인되면 로그아웃보여주고 ..

모든 vue app 중심에는 루트 vue 인스턴스가 있다. 그냥 vue 인스턴스라고도 한다. vue 인스턴스는 뷰 생성자인 new Vue() 로 생성할수있다. 생성자는 HTML서식을 컴파일하고,인스턴스 데이터를 초기화 하고, 데이터를 생성하고, 어플리케이션을 상호작용형으로 만들어주는 이벤트 들을 바인딩하면서 어플리케이션을 가동시킨다. vue 생성자는 옵션객체? new Vue 할때 ( { /* 여기 들어가는 내용 옵션들 */ } ) 자바스크립트 객체를 받는다. new Vue( { ... }) : vue 생성자 ## 생성자 옵션 el : Vue 가 어플을 적용할 돔요소 마운팅하는 옵션 data : 사용할 데이터옵션 ( 여기서 또 속성을 사용할수있다.) filters : 출력필터 지정 -- 필터가 있는 바인딩..

반응형 애플리케이션이다 라는것 - 애플리케이션 상태 변화를 관찰한다. - 애플리케이션 전체에 변경알림을 전달한다. - 상태 변화에 따라 뷰를 자동 렌더링한다. - 사용자 상호작용을 위해 시기 적절한 피드백을 제공한다. 반응형 웹 애플리케이션은 지속적인 상호작용이 안되는것을 방지하고 가능한 함수적 프로그래밍 관용구를 사용하는 비동기 기술인 MVVM디자인 원칙에 따라 이런 조건들을 만족시킨다. MVVM 패턴이 반응형 어플리케이션을 의미하지않고, 반응형 어플리케이션이 MVVM패턴을 의미하지도 않는다. 근데 이 두개 MVVM패턴과 반응형 어플리케이션은 어플리케이션 사용자에게 반응적이고 신뢰할수있는 경험을 제공하려는 공통된 의도가 있다. MVVM 패턴 MVVM 패턴은 model + view + view Model..

지난번에 삭제까지 완료했다. 근데 단어를 추가하면 그때마다 바로 동기적으로 바뀌는것이 아니라 새로고침 해야 반영이 됬고, 전체 삭제했을때도 바로 동기적으로 바뀌는것이 아니라 새로고침 해야 반영됬다. 지금 화면은 총 4개의 컴포넌트로 분리했기때문에 한 영역의 결과를 다른 영역에서 감지를 못한다. 그럼 한 컴포넌트 안에서 다른 기능들이 돌아간다면 서로가 서로를 이해 하겠지만, 그건 객체지향적이지 않다. 그리고 vue가 컴포넌트 기반의 앱인데 말이 안된다. 따라서 결국 컴포넌트끼리 구조화가 되고, 컴포넌트의 통신이 가능해야한다. 이걸 위해서 지금까지 만든 소스들을 수정할것이다. → 현재 단어장 어플리케이션은 각각 컴포넌트 에서만 사용할수있는 뷰 데이터속성 (newWord, meaing, words, meani..