: 다음 DOM 업데이트 사이클 이후 실행하도록 콜백함수를 인자로 전달한다. 데이터 변경한 직후에 사용해야한다.사용 소스v-if 디렉티브와 isEditTitle 변수를 이용해서 "input"과 "span"태그를 번갈아가면서 렌더링한다.$nextTick을 사용하지 않았을

Idea : AddCard의 마운트 될 때(mounted 훅) window에 이벤트를 바인딩!그리고 destroyed훅에서 이벤트를 해제한다.addEventListener & removeEventListener익명함수를 사용하지 않으면, 이벤트핸들러를 바인딩하고 삭제할

브랜치 : card/addIdea : 카드 생성하는 부분이 반복 => 컴포넌트화!컴포넌트 구조 : Board > List > AddCardAddCard가 보여지는 지 여부를 List의 isAddCard 속성으로 관리AddCard에서 $emit("close") 이벤트를

Idea : Board를 생성하려면, 서버에 데이터를 전송해야한다.=> Api를 호출해서 서버에 데이터를 전송하고, 다시 서버로부터 보드 리스트에 대한 데이터를 호출해서 화면을 렌더링한다.Slot ? Vue Modal 컴포넌트 : https://kr.vuejs

잘못된 경로로 이동했을 경우를 처리하기 위해서, 라우트 테이블의 제일 마지막에 선언한다.코드 예시1.번의 경우, data가 변경되어도, 동일한 여러개의 컴포넌트가 각각 개별적으로 동작한다.2.번의 경우, 하나의 컴포넌트의 데이터가 변경되면 다른 컴포넌트의 데이터도 같이

10/14Reference : https://dragoner.tistory.com/18https://beans9.tistory.com/154https://poiemaweb.com/js-regexp: 영문 대소문자, 특수문자(-), 숫자만 입력

* Vue * Vue-Router 동적 라우트 매칭 코드 예시 /user/foo, /user/bar와 같이 같은 패턴에 따라서 동일한 컴포넌트를 재사용해야하고, 매칭된 id값에 따라서 정보를 변경하고 싶을때 사용한다. 여기서 id를 동적 세그먼트라고하고, 동적

vue-cli: $ winpty vue.cmd create <project-name> : https://where-i-go.tistory.com/135 : https://stackoverflow.com/questions/43784202/how-t

현재 상태 : Enter를 입력해서 타이틀을 수정하는 이벤트가 발생 =>input 태그를 "display:none" 처리하므로 "blur"이벤트도 발생 => 수정 api가 두번 호출된다.현재 상태2 : 타이틀 값이 빈 공백일 경우 에러 처리를 하고싶음 =>공백 값을 체

약수 구하기 코드 좀더 효율적인 방법으로 개선 링크 : https://mygumi.tistory.com/122 아이디어 : 어떤 숫자가 가질수 있는 약수의 최대 크기는 자기 자신에 루트를 씌운 것(?)보다 클 수 없다.

정의 : 두 개의 주요한 연산을 가진 데이터에 대한 집합을 정희하는 추상적인 데이터 타입이다. LIFO(Last In First Out)이라고도 불린다.Pop, Pushpush : 집합에 데이터를 추가한다pop : 가장 최근에 추가된 데이터를 제거한다.peek : 스택

Reference : https://backback.tistory.com/382공식 문서 : https://kr.vuejs.org/v2/api/왜 사용?: 한 마디로, 데이터를 변경한 후, DOM이 업데이트 되기를 기다리기 위해 사용!!: 오류 코드에

Reference : https://www.smashingmagazine.com/2016/07/how-to-use-arguments-and-parameters-in-ecmascript-6/Parameter : 함수 선언시에 정의된 변수Argument : 함수

table-cell을 이용한 가로, 세로 중앙 정렬: http://blog.302chanwoo.com/2016/07/vertical-center/커스텀 로딩바 만들기: https://www.w3schools.com/howto/tryit.asp?file

$el은 컴포넌트가 마운트가 된 이후에 생겨난다!따라서 created 훅에서는 찾지 못하고, mounted훅에서 DOM을 조작해야한다.: https://wormwlrm.github.io/2018/12/29/Understanding-Vue-Lifecycle-ho

package.json파일과 같은 레벨에 vue.config.js 파일을 생성 후, 아래와 같이 작성한 다음 다시 서버를 구동하면 된다.v-bind:data- 를 이용해서 바인딩값을 가져올 때엔, element.dataset.cardId => card-id로 쓴 부분을

Redirected when going from "/login" to "/" via a navigation guard: https://stackoverflow.com/questions/62223195/vue-router-uncaught-in-promise-er

: https://javascript.info/promise-chaining : https://ko.javascript.info/try-catch

슬라이더1.1 드래그 슬라이드 플러그인 화로그인 로그아웃 회원가입 Form과 ValidationVue trello & 날씨 어플리케이션꾸준한 제로초님 강의서비스를 만들어보자! : 날씨 어플리케이션..?

Node.contains : 어떤 엘리먼트가 다른 엘리먼트 안에 속하고 있는지 여부를 확인하기 위해 사용: https://developer.mozilla.org/ko/docs/Web/API/Node/contains