목록Animation (1)

송민준의 개발노트

[Nuxt] SSR에서 Custom directives를 사용해서 스크롤 애니메이션 적용

우선 Directive란 무엇인가? Vue 컴포넌트에 특별한 속성으로 사용되고 특정한 동작을 지정해주는 것이다. Vue에서 흔히 사용하는 v-if, v-show, v-text 등이 디렉티브이다. 그렇다면 개발자가 어떤 특정한 기능을 공통적으로 속성에 적용하고 싶다면 커스텀 디렉티브를 이용해서 구현이 가능할 것이다. 추가적인 디렉티브 개념이 알고싶다면 아래의 링크 참고 https://kr.vuejs.org/v2/guide/custom-directive.html 사용자 지정 디렉티브 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 나는 디렉티브를 이용해서 CSR Vue 프로젝트에 스크롤 애니메이션 효과를 구현한 적이 있다. 이번에 Nuxt로 전환하면서 해당 디렉티브..
웹/Nuxt.js 2021. 10. 16. 21:30
이전 Prev 1 Next 다음