![]()
[JavaScript] TreeView 사용하기 (fancytree) 사용하고자 하는 Tree 조건은 다음과 같았다. * Tree(트리) 사용 조건 방향키로 노드간 이동 가능해야 한다. shift, ctrl이용해서 다중 선택이 가능해야 한다. 폴더간 드래그 앤 드롭으로 이동이 가능해야 한다. 루트 노드는 이동 불가해야 한다. 자식노드는 자식노드 하위로 이동 불가해야 한다. 위 조건을 모두 만족하는 트리를 찾기 힘들었다. 처음에는 가장 많이 쓰는 라이브러리를 찾아 구현되어 있지 않는 조건들은 stackoverflow 나 git 등에서 찾아 기능을 추가하려고 했으나, 쉽지 않았다. 완성된 프로젝트에 트리 부분만 떼다 붙이려니 여러가지 오류가 발생했었다. jstree 가장 많이 사용함. 위 조건 모두 구현 가..
[Vue.js] Vue-cli (2) [이전 글] [Vue.js] Vue-cli (1) # Event Bus 형제 컴포넌트 간의 값 전달방식 사용 방법 1) main.js 에서 eventBus선언 ex) // 방식 1 export const eventBus = new Vue() // 방식 2. 객체안에 method를 이용하면 eventBus를 매번 선언하지 않아도 된다 export const eventBus = new Vue({ methods: { userWasEdited(date) { this.$emit('userWasEdited', date) } } }) 2) 형제1에서 eventBus 불러와서 methods에서 사용. 방식 1: eventBus.$emit('신호명', 전달값) 방식 2: eventB..
[Vue.js] Vue-cli (1) Vue-cli 개발환경을 빠르게 셋팅할 수 있도록 도와주는 툴 # 프로젝트 생성 $ vue create 프로젝트명 # 개발자 모드로 실행 $ npm run serve # 일반 모드로 실행 $ npm run build # vuetify 설치/설정 $ vue add vuetify src/assets : 이미지, css 등 갖는 폴더 # 템플릿 안에는 한 개의 태그만 존재 가능하다. 그래서 대체로 태그를 이용해서 template안을 하나로 묶어준다. 제목 ...내용... # 전역 컴포넌트 선언해서 사용 하는 방법 ex) 1) 전역 컴포넌트로 사용할 vue생성 헤더파일 2) 메인 JS(src/main.js 또는 src/index.js)에 컴포넌트 선언 import Heade..
![]()
[Vue.js] This dependency was not found: * core-js/modules/web.dom.iterable 에러 core-jscore-js/modules/web.dom.iterable를 설치하라는 오류가 발생한 경우 기존 node-modules를 제거한 후 다시 설치하면 된다. $ rm -rf node_modules && npm install [출처] https://www.curtismlarson.com/blog/2016/05/12/webpack-cannot-find-module-web-dom-iterable/
![]()
[JavaScript] Bootstrap-Select 관련 ** bootstrap-select https://developer.snapappointments.com/bootstrap-select/ 1) $().selectpicker()는 $(document).ready() 안에 선언해야 한다. 밖에 선언할 경우 아래와 같은 오류 발생한다. 2) bootstrap-select는 아직까지 bootstrap4를 완벽히 지원하지 않는다고 한다. [#2109] elements with .form-control class don't adjust height properly since Bootstrap 4.1.3 -> bootstrap4의 js 파일이 아닌 css 파일이 제대로 적용되지 않는 것 같다. -> css는..
[JavaScript] image refresh 오류 웹에서 같은 url(src)를 갖는 이미지를 재로드 하면 변경된 이미지가 아닌 변경 전 즉, 이전 이미지를 불러온다. 예를들어, A라는 이미지를 웹에서 불러온 후, A 이미지를 바꿀 경우. 전체 페이지를 새로고침하거나 웹을 재시작하지 않고, 이미지만 부분 새로고침 할 경우 A 이미지는 변경된 이미지가 아닌 이전 이미지가 보여진다. 아마 캐시에 쌓아둔 듯 하다. 처음엔 Electron 언어 자체의 문제인줄 알고, 아래와 같이 cache를 삭제해 보았지만 효과가 없었고, console로 cache를 확인해 보니 캐시는 항상 비워져 있었다. var remote = require('remote'); var win = remote.getCurrentWindow..
