728x90

Frontend 22

[Vue] 다양한 디렉티브(v-땡땡)을 사용하자!

vue의 대표적인 기능인 디렉티브를 알아볼 수 있는 시간입니다. 앞서 Pure JavaScript의 10줄을 단 2줄~3줄로 줄이는 역할을 하는 기능 디렉티브입니다. v-text {{텍스트}} 해당 요소(Element)의 textContent를 업데이트합니다. text의 일부만 업데이트해야 하는 경우엔 mustache interpolation(머스태시 보관법)을 사용합니다. ( 사용법 {{변수명}} ) v-show Flag가 참일 경우 보입니다. v-show 디렉티브는 조건이 변경될 때 transition을 전환합니다. v-if Flag가 참일 경우 보입니다. v-if는 자주 사용하는 디렉티브 중 하나입니다. 변수 Flag의 진리 값에 따라 요소를 조건부로 렌더링 합니다. 요소와 포함된 디렉티브 / 컴포..

Frontend/Vue.Js 2022.01.07

[Vue] Vue.js란? view? vue?

Vue 3 version 기준으로 작성된 포스트입니다. 글쓰기 앞서서 많이들 들어보셨을 듯 한 React, Anguler, Vue 등 많은 프레임 워크/라이브러리가 있습니다. React, Vue, Anguler의 공통적인 특징은 Single Page Application이라는 것입니다. Single Page Application (SPA)? 쉽게 말하는 SPA는 한 페이지 내에서 만 동작하는 웹 개발 방식을 의미합니다 . 한 페이지 내에서 다른 컴포넌트를 호출하고 사용하고 보여주는 방식이라고 할 수 있습니다. 컴포넌트(Compunent)? Component는 레고 블록 하나하나 혹은 객체 하나하나라고 생각하시면 이해가 빠를 수 있습니다. 컴포넌트 여러 개를 조합하여 화면을 구성할 수 있는 블록을 의미합니..

Frontend/Vue.Js 2022.01.07
728x90