STS4를 설치 후 프로젝트 생성시 Spring Legacy project가 없을 경우 해결 방법 1. Help - Eclipse Marketplace 클릭 2. Find에 'STS' 입력하여 검색 3. 'Spring Tools 3 Add-On for Spring Tools 4~ Relase' install 4. 다시 시작하여 project 생성시 Spring Legacy project 확인

객체(Object) - 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키(KEY)와 값(VALUE)로 구성됨. - 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있기에 함수는 일급 객체이므로 값으로 취급되어 프로퍼티의 값으로 사용될 수 있으며, 일반 함수와 구분하기 위해 메서드라고 부름. 자바스크립트 객체 생성방법 - 객체 리터럴 - Object 생성자 함수 - 생성자 함수 - Object.create 메서드 - 클래스(ES6) 객체리터럴에 의한 객체 생성방법 var obj = { num :0, increase : function(){ this.num++; } }

자바스크립트 객체 KEY 동적 할당 var something = { name: 'zincider', job: 'student' } 위와 같이 Object는 KEY와 VALUE의 쌍으로 이루어진 키는 임의로 작성할 수 있고 또는 쌍따옴표를 이용해서 "name" : "zincoder"와 같이 작성할 수 있지만, KEY에는 문자열을 그대로 사용하기 때문에 KEY를 동적으로 할당해주어야 할 필요가 있을 때는 바로 사용이 불가능함. var keyname = 'name'; var something = {keyname : 'zincoder'} //원래 의도는 {name: "zincoder"} console.log(something) //{keyname: "zincoder"} 위와 같은 코드를 작성하였을 때, 원래 의..

Vue 공식문서에서 확인할 수 있는 이미지와 같이 Vue 인스턴스는 크게 4가지 과정을 거치게 되는데, 그 4가지에는 Created(생성), Mounted(DOM에 부착), Update(업데이트), Destroy(소멸) 이 있음. Vue는 각각의 프로세스에서 Vue를 사용하는 사람들을 위해 Hook을 할 수 있도록 API를 제공하는데, 일반적으로 많이 사용하는 것에는 beforeCreated, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy, destroyed 등이 있음. beforeCreated 가장 먼저 실행되는 훅인 beforeCreated는 Vue인스턴스가 초기화 된 직후에 발생됨. 컴포넌트가 DOM에 추가되기 전이기 때문에..

[에러내용] Vue3에서 EventBus를 적용해보려 했는데, 계속 $on관련 에러발생 Vue3마이그레션(사용)을 위해 알아둘 점 Vue3에서는 $on, $once, $off를 사용하지 않음 $emit은 parent componet에 부착되어 trigger event handler API로 여전히 사용됨 'EventBus'는 Vue가 추천하는 공식적인 방법이 아님 'mitt'이라는 외부라이브러리를 이용하여 EventBus구현 mitt 외부 라이브러리 mitt라이브러리는 커스텀이벤트를 만들어 송출, 수신할 수 있게 해줌 기존의 eventBus 대체하여 사용 가능 mitt사용예시 나의 경우, 'TodoInput.vue'에서 todoInput이라는 입력값을 입력받고 형제컴포넌트인 'TodoList.vue'로 ..

현재까지 구현기능 - 할 일 입력시 리스트에 추가 - 리스트에서 우측 'x'버튼 클릭시 삭제 - 리스트 하단 총 개수 표시 - 리스트 하단 '전체,해야할일,완료할일' 버튼 클릭시 각 상태별 리스트 표시 - localStorage와 값을 연동하여, 새로고침시에도 값이 유지되어 표현됨 * 위 내용들은 현재 블로그에 작성 못함.. 추가로 구현해야할 기능 - TodoList.vue에 한번에 작성된 상태 컴포넌트별로 나눠서 구현 필요 -> 나눠서 구현 이후 Vuex적용 해보기 - 개발자도구에서 localStorage값을 전체 삭제시 Vue에서 인지 못함(새로고침시에만 적용됨) 기존 프로젝트는 TodoList.vue에 한번에 작성 -> 변경 프로젝트는 TodoInput.vue, TodoList.vue, TodoSt..