vue

View : 브라우저 화면 ⇒ 화면단의 요소(HTML)는 DOM을 통해 자바스크립트로 조작 가능DOM Listeners : View에서 들어온 이벤트 발생 감지 Model : DOM Listener에 의해 데이터 변경 및 로직 실행Data Bindings : 자바스크립

ES6를 기점으로 이전에는 생성자 함수를 이후에는 클래스 생성자로 틀을 만들고, 하나의 틀로 여러 개의 객체를 생성하는데, 이 각각의 것이 인스턴스이다.인스턴스는 뷰로 개발할 때 필수로 생성해야 하는 코드인스턴스 안에는 Vue팀에서 미리 정의한 속성과 메서드(내장 AP

컴포넌트는 캡슐화한 재사용 가능한 코드 블록으로, 조합하여 화면을 구성할 수 있다. (화면을 영역별로 구분해서 관리)컴포넌트의 핵심 : 재사용성Vue.component()로 등록Vue 인스턴스 내의 components:{} 에 등록전역 등록하는 컴포넌트 : 전역으로 사

상위에서 하위로는 데이터를 내려줌, 프롭스 속성하위에서 상위로는 이벤트를 올려줌, 이벤트 발생기존 MVC 패턴에서의 문제점 :특정 컴포넌트의 변화에 따라 나머지 컴포넌트가 유기적으로 계속 데이터를 주고 받았을 때, 데이터의 방향을 예측하기가 어렵다.규칙이 생기면 데이터

Vue로 SPA(Single Page Application)를 구현할 때 사용하는 라우팅 라이브러리브라우저의 주소창에서 URL이 변경되면, routes 속성에 따라 해당 컴포넌트가 화면에 표시된다.이 때 표시되는 지점이 템플릿 안의 부분화면에서 특정 링크를 클릭해서 페

JavaScript에서 클라이언트와 서버 간 데이터를 주고받기 위해 비동기 HTTP 통신 방법(대표적으로 Ajax, Axios, Fetch)을 사용한다.자바스크립트의 비동기 처리 패턴1.callback2.promise3.promise + generator4.async

데이터 바인딩뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법기본적인 데이터 바인딩 방식 : {{ 내용 }} 콧수염 괄호(Mustache Tag)디렉티브뷰로 화면의 요소를 더 쉽게 조작하기 위한 문법디렉티브 형태 : v- 로 시작 ex) v-on, v-if, v-m