코드노트

vue를 공부하면서 show, if에 대해서 차이점이 궁금했다. 이름대로 show는 스타일을 통해서 보여지는 부분이 가려진다고 보면 될것 같다. v-if vs v-show - v-if, v-show 는 모두 조건부 렌더링을 처리하는데 사용 v-if - 조건이 참일 때 해당 요소를 렌더링하고, 조건이 거짓이면 요소를 DOM에서 완전히 제거 - v-if는 조건에 따라 요소가 생성되거나 제거된다. - 표시 여부가 자주 변경되면 성능상에 부담이 있을 수 있다. 그러나 DOM에서 완전히 사라지기 때문에 메모리 사용량은 감소한다. - 렌더링 횟수가 많이 변경되는 경우 사용하기 적합 v-show - 조건에 따라 css의 display 속성을 조작하ㅕ 요소를 보이거나 숨긴다. - 요소는 항상 DOM에 존재하며, 단순히..

Vue.js 2, Vue.js 3에서 인스턴스를 생성하기 위한 방법이 다르게 되어있다. Vue에서 인스턴스란? - Vue 인스턴스는 기본적으로 Vue 함수로 생성된 객체를 의미한다. - 이 객체는 Vue.js의 주요기능을 담고 있으며, 웹 애플리케이션을 개발하는데 필요한 메서드와 속성들을 제공하고 있다. * 여기서 리액트와 다른점을 볼 수 있었다. 리액트는 어떻게 보면 컴포넌트를 통해서 인스턴스를 생성하고 초기 상태를 지정하게 된다. 뷰는 Vue.js 2에서는 new Vue, Vue.js 3에서는 createApp()을 통해서 인스턴스를 생성하게 된다. - 애플리케이션의 시작점이며 data, computed, methods, lifeCycle ... 등을 포함하게 된다. - Vue 인스턴스를 생성하게 되..