전체

[GIT] 다른 브랜치 가져오기 1. 원인 처음 GIT에서 클론(clone)할 때, 특정 브랜치만 내려받았거나, GIT에 새로운 브랜치가 추가되었을 경우, 내 로컬에는 추가된 브랜치 또는 다른 브랜치 정보를 (pull)받아올 수 없었다. 2. 해결 먼저 원격 저장소의 내용을 update를 한 후 checkout 으로 원하는 브랜치로 바꿔주면 된다. 브랜치 변경할 때 -t 옵션을 추가해 원격 브랜치를 갖고 올 수 있다. $ git remote update $ git checkout -t '브랜치' [참고]

[VSCode] ERROR : Cannot read property 'length' of null 1. 오류 VSCode에서 터미널(Terminal)을 열면 우측 하단에 `Cannot read property 'length' of null`이라는 오류가 발생하면서 terminal이 정상적으로 실행되지 않는다. 2. 해결 vs code의 settings.json 파일에 null로 입력된 값이 없는지 확인한 후 변경 또는 지워주면 된다. terminal.integrated.localEchoStyle에 null이라 되어 있는 부분을 삭제했더니 정상적으로 터미널이 실행되었다. 사람마다 어느 옵션값이 null이라 오류를 발생시키는지는 다른 것 같다. 터미널로 시작하는 옵션(terminal.~)들만 위주로 체크해보..

[Vue.js] Vue에서 JQuery 사용하기 jquery datetimepicker 추가해서 사용하기 1. 방법 index.html에 jquery cdn을 추가해주면 vue 어디서나 사용이 가능하다. 2. 예제 [ JQuery datetimepicker를 Vue에서 사용하기 ] 1. CDN 추가 public/index.html 에 jquery, jquery-ui, jquery-datetimepicker 를 추가해 준다. 2. 컴포넌트 생성 jquery datetimepicker option 은 jquery datetimepicker document 와 동일하게 원하는대로 넣어주면 된다. 여기서 가장 중요한 점은 onChangeDateTime 함수 부분이다. 변경된 값을 부모에게 전달해주는 emit을 ..

[Vue.js] Custom Directive : Outside Click Event | `Custom Directive`란? 👉 itinerant.tistory.com/181 Custom Directive를 이용해서, 디렉티브를 갖고 있는 엘리먼트 바깥(외) 부분을 클릭할 경우를 감지하는 이벤트를 만들어 보고자 한다. 1. 원리 ☝️ 바깥 부분을 선택하는지 감지하기 위해서는 Body 클릭 이벤트를 감지해서 현재 클릭한 타겟이 해당 엘리먼트인지 체크하는 방식으로 쉽게 만들 수 있다. 2. 순서 1. 가장 먼저, bind 를 이용해서 처음 엘리먼트에 바인딩 될 때 실행할 것을 선언해 준다. { bind: function (el, binding, vnode) { // ... }, } 2. 우리는 디렉티브를 ..

[Vue.js] Custom Directive | 본 글은, Vue.js Guide 문서를 읽고 정리한 내용입니다. 1. 선언 전역 // main.js Vue.directive('[디렉티브_이름]', { ... }); 지역 export default { ... directives: { '[디렉티브_이름]': { ... } } } 사용방법 // 예) 2. Hook(훅) 함수 bind 처음 엘리먼트에 바인딩 될 때 한 번만 호출 insert 바인딩 된 엘리먼트가 부모 노드에 삽입 되었을 때 호출 update 포함하고 있는 컴포넌트가 업데이트 된 후 호출. 자식이 업데이트 되기 전일 가능성이 있음. componentUpdated 포함하고 있는 컴포넌트와 자식들이 업데이트 된 후 호출 unbind 디렉티브가 엘..

[Javascript] setInterval, clearInterval setInterval 은 일정 시간마다 반복적으로 무언가를 행할 때 사용되며, clearInterval은 이것을 중지할 때 사용한다. 한번만 실행할 것이라면 timeout을 사용하는 것이 좋다. 시간 단위: ms // 3초마다 "안녕" 문구 출력 const polling = setInterval(() => { console.log("안녕"); }, 3000); // 중지 clearInterval(polling) clearInterval : www.w3schools.com/jsref/met_win_clearinterval.asp setInterval : www.w3schools.com/jsref/met_win_setinterval.as..