VueJS의 v-cloak 디렉티브에 대하여 알아봅니다.VueJS에 사용되는 v-clock은 내장 디렉티브로 VueJS에서 렌더딩 되기 이 전에 브라우저에서 감추는 역할을 합니다. 여기서 감춘다는 뜻은 감추고 보여주는 역할의 v-if 또는 v-show와는 다릅니다. 어떻게 다른지 알아보기 위해 먼저 v-cloak의 동작 방식을 알아야하겠죠.1. 브라우저에서 페이지 소스를 로딩2. VueJS 프레임워크를 실행3. VueJS 처리 완료위 과정에서 VueJS가 처리되기 이 전 화면에는 {{ }} 표현식 또는 v-if 등을 사용해 보여주지 않을 내용들이 그대로 노...
CSS를 사용해 특정 콘텐츠 및 요소를 사라지게 만들어야 할 경우가 있습니다. 이때 사용가능한 속성이 바로 display와 visibility입니다. 이 둘 속성은 매우 자주쓰이는데요... 사라지게 한다는 점에서는 같으나 둘의 차이점은 무엇일까요? # display와 visibility 속성의 차이점이 두 CSS 속성의 가장 큰 차이점은 보였을때의 공간... 즉, 기존의 영역을 빈공간으로 차지하고 사라지느냐 아니면 빈공간까지 모두 사라지게 하느냐의 차이점입니다...visibility: hidden;display: none;둘 다 CSS를 수행하면 보이지 않는 것은 동...