![]()
[Vue.js] Custom Directive | 본 글은, Vue.js Guide 문서를 읽고 정리한 내용입니다. 1. 선언 전역 // main.js Vue.directive('[디렉티브_이름]', { ... }); 지역 export default { ... directives: { '[디렉티브_이름]': { ... } } } 사용방법 // 예) 2. Hook(훅) 함수 bind 처음 엘리먼트에 바인딩 될 때 한 번만 호출 insert 바인딩 된 엘리먼트가 부모 노드에 삽입 되었을 때 호출 update 포함하고 있는 컴포넌트가 업데이트 된 후 호출. 자식이 업데이트 되기 전일 가능성이 있음. componentUpdated 포함하고 있는 컴포넌트와 자식들이 업데이트 된 후 호출 unbind 디렉티브가 엘..
![]()
[Django] Custom template tags and filters 사용자 정의 템플릿 태그 -장고에는 수많은 태그와 필터(built-in tags and filter)를 제공하지만, 그럼에도 불구하고 기본적으로 제공하는 태그와 필터가 아닌 자신만의 기능적인 태그나 필터가 필요할 때가 있다. 템플릿 엔진을 파이썬으로 된 커스텀 태그와 필터(Custom tags and filters)를 정의하여 확장이 가능하다. Code Layout 코드 레이아웃 사용자 정의 태그와 필터를 지정하는 가장 일반적인 장소는 장고 앱 내부이다. 만약, 그것들이 현존하는 앱과 연관되어있다면, 그곳에 번들로 묶는 것이 좋다. 그렇지 않으면, 새로운 앱에 그것들을 추가할 수 있다. 장고 앱을 INSTALLED_APPS에 추가..
