이번 포스트에서는 vue에서 조건문을 처리하기 위한 directive에 대해서 살펴보자. v-if 계열 v-if v-if는 당연히 true/false를 나타내는 조건에 따라 블록의 렌더링을 결정하는 directive이다. 한번이라도 프로그램에서 조건문을 써본 경험이 있다면 별도의 설명이 필요 없을것 같다. v-if 와 함께 v-else-if, v-else도 역시 세트로 제공된다. 바로 활용 예를 살펴보자. 아래와 같이 0과 true 를 갖는 age와 isCat이 있다고 생각해보자. 이제 나이 즉 age를 기준으로 화면에 표시되는 값이 달라져야 하는 경우라면 아래와 같이 template을 작성할 수 있다. 현재 나이는 {{age}} 이니까.. 미취학 미성년 성년 + 이제 age값의 변화에 따라서 생성되는 ..