CSR(Client Side Rendering) VS SSR (Server Side Rendering) CSR 사용자의 컴퓨터에서 응답받은 HTML, CSS, JS 등의 파일들을 Rendering 해서 사용할 수 있다. /about이라는 새로운 페이지에 접근한다 보면 새로운 소스를 받아오는 것이 아니다. 별도의 통신을 하는 것이 아니다. 단일 페이지로 ...

!

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

디자인 패턴 자주 사용하는 설계 패턴을 정형화 해서 이를 유형별로 가장 최적의 방법으로 개발을 할 수 있도록 정해둔 설계 알고리즘과 유사하지만, 명확하게 정답이 있는 형태는 아니며, 프로젝트의 상황에 맞추어 적용 가능하다. Gof 디자인 패턴 소프트웨어를 설계할 때는 기존에 경험이 매우 중요하다. 그러나 모든 사람들이 다양한 경험을 가지고 있을 수는 없다....

!

!

!

조상 -> 후손

Fallback contents

!

!

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

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

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

!

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

Component란?

String 구문 String 전역 객체는 문자열(문자의 나열)의 생성자 입니다. 문자열 리터럴은 다음과 같은 형식을 사용합니다. 문자열은 String 전역 객체를 직접 사용하여 생성할 수 있습니다. 매개변수 thing : 문자열로 변환할 아무 값. 템플릿 리터럴 긴 문자열 리터럴 작성한 코드가 매우 긴 문자열을 포함해야 하는 경우, 끝 없이 뻗어나...