웹 사이트와 웹 애플리케이션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 만들고 디자인하는 것HTML, CSS, JavaScript 등을 활용하여 사용자가 직접 상호작용하는 부분을 개발클라이언트 측에서 UI와 상호작용을 개발하기 위해 사용되는 JavaScript
DOM 기본 구성 요소 인스턴스의 데이터에 선언적으로 바인딩할 수 있는 HTML 기반 템플릿 구문을 사용선언적 바인딩 : Vue Instance와 DOM을 연결템플릿 구문 : 확장된 문법 제공
계산된 속성"계산된 속성"을 정의하는 함수미리 계산된 속성을 사용하여 템플릿에서 표현식을 단순하게 하고 불필요한 반복 연산을 줄임할 일이 남았는지 여부에 따라 달느 메시지를 출력하기jshtml템플릿이 복잡해지며 todos에 따라 계산을 수행하게 됨만약 이 계산을 템플릿
Vue의 Directive HTML 요소에 적용되어 Vue의 데이터와 DOM을 연결하는 특수 토큰 (주로 v- 접두어로 표현됨) 공식 문서 : https://vuejs.org/api/built-in-directives.html#built-in-directives
재사용 가능한 코드 블록UI를 독립적이고 재사용 가능한 일부분으로 분할하고 각 부분을 개별적으로 다룰 수 있음자연스럽게 애플리케이션은 중첩된 Component의 트리 형태로 구성됨(SFC)컴포넌트의 템플릿, 로직 및 스타일을 하나의 파일로 묶어낸 특수한 파일 형식 (\
Passing Props 부모는 자식에게 데이터를 전달(Pass Props)하며, 자식은 자신에게 일어난 일을 부모에게 알림(Emit Event) Props 부모 컴포넌트로부터 자식 컴포넌트로 데이터를 전달하는데 사용되는 속성 Props 특징 부모 속성이 업데이트
Routing 네트워크에서 경로를 선택하는 프로세스 > 웹 애플리케이션에서 다른 페이지 간의 전환과 경로를 관리하는 기술
State Management 상태 관리 Vue 컴포넌트는 이미 반응형 상태를 관리하고 있음
COPS Policy SOP Same-origin policy 동일 출처 정책 어떤 출처(Origin)에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 보안 방식 > "다른 곳에서 가져온 자료는 일단 막는다" > 웹 애플리케