Vue.js

Nuxt를 사용한 서버 측 렌더링 단계 1단계 : 브라우저에서 서버로 브라우저가 초기 요청을 보내면 Node.js 내부 서버에 도달 Nuxt는 HTML을 생성하고 실행된 함수의 결과와 함께 브라우저로 다시 보냅니다 (예 : asyncData, nuxtSeverInit,

컴포넌트 기초 컴포넌트를 사용하면 UI를 독립적이고 재사용 가능한 일부분으로 분할하고 각 부분을 개별적으로 다룰 수 있다. 따라서 앱이 중첩된 컴포넌트의 트리로 구성되는 것이 일반적이다. HTML 엘리먼트를 중첩하는 방법과 매우 유사하지만, Vue는 각 컴포넌트에 사용자 정의 컨텐츠와 논리를 캡슐화할 수 있는 자체 컴포넌트 모델을 구현한다. 컴포넌트 정...

데이터 바인딩 데이터 바인딩은 앱UI와 해당 UI가 표시하는 데이터를 연결하는 프로세스다. 바인딩 설정이 올바르고 데이터가 적절한 알림을 제공하는 경우 데이터 값이 변경될때 데이터에 바인딩된 요소에 변경 사항이 자동으로 반영됩니다. 또한 요소에서 데이터의 외부 표현이

이벤트 핸들링 이벤트 핸들링이란 발생할 수 있는 이벤트를 직접 개입하여 처리할 수 있다. 이벤트 핸들링을 하기 위해서는 이벤트 리스닝 과정을 거처야 한다. 이벤트 리스닝하기 일반적으로 v-on디렉티브는 단축 문법으로 @기호를 사용하며, DOM 이벤트를 수신하고 트리거

인스턴스? 모든 Vue 앱은 createApp함수를 사용하여 새로운 앱 인스턴스를 생성하는 것으로 시작한ㄷ. 최상위 컴포넌트 createApp에 전달하는 객체는 사실 컴포넌트다. 모든 앱에는 다른 컴포넌트를 자식으로 포함시킬 수 있으며, 다른 컴포넌트를 포함 할 수

!

!

Fallback contents

조상 -> 후손

!

!

SPA (Single Page Application) 페이지 로드 없이 데이터 요청! Traditional Web Application 데이터를 요청할 때마다 페이지 로드! 변경된 부분은 slide, banner 에서 photo, name만 변경된거지만 전통웹 어플리케이션은 공통부분인 Header, Footer도 같이 로드 한다. SPA(Single ...