등록된 컴포넌트를 수동으로 확인한다.컴포넌트를 찾을 수 없는 경우 런타임 에러가 발생한다.resolveComponent()를 통해 <ButtonCounter />라는 컴포넌트가 있는지 확인하고 가상 노드를 생성해 리턴한다.

h()는 가상 DOM 요소를 생성하는데 사용된다.요소의 타입(필수), 속성, 자식 노드를 인수로 사용된다.

Open Type Font의 약자1990년 마이크로소프트와 어도비가 공동 개발한 폰트의 저장 형식윈도우, 맥 등 여러 환경에서도 동일한 결과물을 만들기 위해 만든 형식계산 과정이 복잡하지만 섬세한 표현 가능True Type Font의 약자1980년 애플에서 개발한 폰트

크게 웹 폰트 형식은 woff2, woff, ttf ,eot가 있다.웹 폰트는 형식마다 용량이 다르고 브라우저 지원 상황도 다르기 때문에 목표로 하는 브라우저 상황에 맞게 웹 폰트를 사용해야 한다.웹 폰트 용량은 woff2 < woff < ttf < e

변수 num1의 데이터 변경 후 이벤트를 발생하고 싶은데 하단 코드에선 발생하지 않는다.dispatchEvent()를 통해 이벤트를 강제로 발생시킬 수 있다.

<slot />에 name과 age 프로퍼티를 작성한다.

작업 내용을 초기화시키고 싶을 때 하단 코드를 작성하면 된다. (git에 올라와있는 코드로 초기화된다.).은 전체 내용을 초기화 시키고, 해당 파일을 작성하면 해당 파일만 초기화된다.

작업 도중 다른 브랜치로 체크아웃하고 싶을 때 git stash를 통해 임시 저장하고 체크아웃할 수 있다.다시 원래 브랜치로 돌아와 하단 코드를 입력하면 임시 저장했던 코드가 복구된다.

npm install 하였더니 ERR! EACCESS (권한) 에러가 발생했다.에러가 발생한 이유는 vscode 내에 있는 터미널에서 설치를 실행했기 때문에 vscode에 권한이 없어 발생한 것이였다.vscode에 권한을 주기 위해선 아래와 같이 해결하면 된다.1️⃣

웹 접근성을 위한 태그 (요소에 대한 특징이나 상황을 나타낸다.)위 코드를 스크린리더로 들어보면 아래와 같다.

정보를 정확히 제공할 수 없을 때 사용 e.g. role="presentation"

prop drilling을 방지하기 위한 메서드provide : 부모 컴포넌트에서 데이터 제공inject : 자식 컴포넌트에서 데이터 주입

components 디렉토리는 페이지 또는 다른 컴포넌트 내에서 가져올 수 있는 모든 Vue 컴포넌트를 저장한다.Nuxt는 components 디렉토리에 있는 모든 컴포넌트를 자동으로 가져와서 별도로 import를 하여 가져오지 않아도 된다.Nuxt는 기본적으로 com

Temp Body

.nuxt : Vue 애플리케이션을 생성하는데 필요한 모든 것을 포함하는 디렉토리.nuxt 디렉토리에 있는 파일은 변경하지 않아야 한다.assets : SASS, JS, 이미지 등 컴파일되지 않는 파일을 포함하는 디렉토리components : 페이지로 가져오는 모든 V

alias : JS 또는 CSS 내에서 사용자 지정 디렉토리에 별칭을 정의하여 사용e.g. ./src/public/assets/main.scss가 있다고 가정하면 @/assets/main.scss로 사용 가능components : nuxt 컴포넌트를 자동으로 등록, c

&lt;Transition> 컴포넌트는 빌트인 컴포넌트이므로 등록하지 않고도 템플릿 내에서 사용 가능하다.컴포넌트 애니메이션은 아래 조건 중 하나라도 충족하면 발생한다.v-if를 통한 조건부 렌더링v-show를 통한 조건부 표시&lt;component>를 통해 전환되는

슬롯은 템플릿 조각을 자식 컴포넌트에 전달하여 자식 컴포넌트가 자체 템플릿 내에서 조각을 렌더링하는 것이다.최종 렌더링은 아래와 같이 된다.name이라는 속성으로 컨텐츠가 렌더링되어야 하는 위치를 결정할 수 있다.name 속성이 없다면 기본적으로 default란 이름을

폴스루(fallthrough: 대체) 속성부모 컴포넌트에서 속성 또는 v-on 이벤트 리스너를 전달하고 이것을 받는 컴포넌트의 props 또는 emits에 선언하지 않는 속성일반적으로 class, style, id 속성이 있다.컴포넌트가 엘리먼트를 렌더링하면 폴스루 속

컴포넌트에서 v-model 디렉티브를 사용하기 위해선 2가지 작업을 수행해야 한다.&lt;CustomInput> 예시로 작성해보자면,네이티브 &lt;input> 엘리먼트의 value 속성을 modelValue 프로퍼티에 바인딩한다.네이티브 input 이벤트가 트리거되면