데브코스 프론트엔드 5기/Vue 2

231122 [Day 47] Vue(3)

조건부 렌더링 v-if v-if 디렉티브는 조건부로 블록을 렌더링하는 데 사용된다. 블록은 디렉티브 표현식이 truthy 값을 반환하는 경우에만 렌더링 v-else v-else 디렉티브를 사용하여 v-if에 대한 "else 블록"을 나타낼 수 있다. A B C A/B/C 아님 v-if는 디렉티브이므로 단일 엘리먼트에 연결해야 한다. 하지만 둘 이상의 엘리먼트를 전환하려면 엘리먼트에 v-if를 사용할 수 있다. 제목 단락 1 단락 2 v-show v-show가 있는 엘리먼트는 항상 렌더링되고 DOM에 남아 있다. 엘리먼트의 display CSS 속성만 전환. v-cloak을 같이 사용하는게 좋다. + 속성 선택자를 전역으로 등록시킨다. (v-cloak: 준비될 때까지 컴파일되지 않은 템플릿을 숨기는 데 사..

231120 [Day 45] Vue (1)

Vue 사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크 선언적 렌더링(Declarative Rendering): Vue는 표준 HTML을 템플릿 문법으로 확장하여 JavaScript 상태(State)를 기반으로 화면에 출력될 HTML을 선언적(declaratively)으로 작성할 수 있습니다. 반응성(Reactivity): Vue는 JavaScript 상태(State) 변경을 추적하고, 변경이 발생하면 DOM을 효율적으로 업데이트하는 것을 자동으로 수행합니다. 반응형 데이터 (반응성) : 데이터가 바뀌면 화면도 바뀐다. 타이머함수 콜백을 작성할 때 화살표 함수를 사용해야한다. => 일반함수(function)를 사용하면 정상적으로 작동하지 않는다. => 일반함수에서의 this 는 함수가 '..