더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 3개의 일치하는 문서를 찾았습니다.
vuejs[VueJS] 커스텀 디렉티브 v-visible 만들기. visibility
VueJS를 사용한다면 v-if와 v-show를 많이 사용합니다. 이 둘을 사용하면서 왜 v-visible은 없을까? visibility: hidden을 사용하면 참 좋을텐데... 라는 생각을 할 수 있죠. 그래서 아래서는 v-visible 커스텀 디렉티브를 만들어보려고 합니다. 어떻게하면 커스텀 디렉티브를 만들 수 있는지 알아보세요.먼저 v-visible이 원하는 동작은 아래와 같습니다.v-if 또는 v-show 처럼 엘리먼트가 보이지 않을 것style의 visibility: hidden을 적용하여 영역은 가지되 보이지만 않도록 할 것directive로 만들어 쉽고...
Last Modified : 2022-11-13 08:57:00
Created : 2022-11-12 00:04:00
pythonPython flask에서 커스텀 에러 페이지 만들기, 404
Python flask를 사용한 앱을 만들 경우 페이지가 없는 404 에러 발생시 커스텀 에러 404 페이지를 만들어 보여주는 방법을 알아봅니다.# Python flask 404 페이지404는 페이지가 없다는 것을 의미합니다. 웹서버의 경우 페이지가 없을 때 기본으로 보여주는 에러 메시지가 있지만 만약 웹사이트 고유의 커스텀한 404 페이지를 보여주고 싶다면? 이런 404 페이지들은 많은 사이트에서 사용합니다. 만약 flask를 사용하는 앱에서의 방법을 알아봅니다.! 404 에러 발생시 특정 페이지를 보여주기flask는 매우 간단한 라우팅 설정을 가지고 있죠. 만약 ...
Last Modified : 2020-08-08 13:53:37
Created : 2020-08-08 13:30:00
vuejsVueJS 커스텀 디렉티브 만들기
VueJS를 구성하는 컴포넌트, 필터, 스코프 등의 중요한 요소들 중 하나로 디렉티브(Directive)가 있습니다.내장된 디렉티브와는 별도이므로 커스텀 디렉티브라고 많이 부릅니다. 아래서는 VueJS에서 디렉티브는 무엇이고 어떤 역할을 할 수 있는지 알아보겠습니다.# VueJS에서 디렉티브, Directive디렉티브는 템플릿에 사용되는 태그에 Html 프로퍼티(property)처럼 아래와 같이 사용됩니다. <span v-addLink="webisfree.com"></span>위 코드를 보시면 span 태그에addLink라는 ...
Last Modified : 2019-02-04 07:18:42
Created : 2018-10-24 17:57:55