[Django] static 파일 불러오기 static폴더 : css, image, js 파일을 포함하는 폴더이다. 먼저 settings.py에서 static 폴더 위치를 설정해 준다. Django예제에서와 같이 앱들과 동등한 위치에 static폴더를 만들 경우 아래와 같이 staticfiles_dirs에 경로를 추가해 주면된다. // settings.py STATIC_DIR = os.path.join(BASE_DIR, "static") STATIC_URL = '/static/' STATICFILES_DIRS = [ STATIC_DIR, ] s 만약, static폴더를 다른 곳에 만들고 싶다면 어떻게 해야할까? 예를 들어, myapp 이라는 앱 폴더 내에 존재할 경우, 똑같이 경로를 staticfiles..
javascript
[JavaScript] TreeView 사용하기 (fancytree) - 4 context menu Electron에서 fancytree를 사용하면서 $.ui.fancytree 로 fanctree 사용이 불가능하기 때문에, 찾아낸 또 다른 fancytree 사용 방법을 적어둔 글 이다. 이전 글 : [JavaScript] TreeView 사용하기 (fancytree) - 3 title 줄바꿈 하기 참고 예제 : Example: use 'jquery.contextmenu' 먼저, jquery-ui 와 jquery-ui-contextmenu 를 추가해 준다. jquery-ui는 contextmenu 의 UI를 만들어주며, jquer-ui-contextmenu 는 contextmenu를 만들어 준다. Elec..
[JavaScript] TreeView 사용하기 (fancytree) - 2 노드 추가하기 이전 글 : [JavaScript] TreeView 사용하기 (fancytree) # fancytree를 선언한 후 노드(데이터)에 노드를 추가하는 방법이다. 이전 글에서 처럼 fancytree를 생성할 때 변수에 할당 했었으면, 아래와 같이 사용할 수 있고, const _tree = fancytree.createTree('#tree', { ... } // 데이터 추가 _tree.options.source = 데이터 // 트리 reload _tree.reload() 만약, 할당하지 않았을 경우엔 이와 같이 사용할 수 있다. fancytree.createTree('#tree', { ... } // 데이터 추가 fan..
[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..
