Vue 디렉티브(지시자)뷰에게 지시를 내리는 것주로 v-로 시작HTML에 속성으로 표현됨텍스트 출력innerHTML(태그로 동작), textContext 등이 속성이 있었는데, 이런 역할을 하는 뷰의 디렉티브들.v-text : textContent 역할(텍스트 그대로 출력)v-html : innerHTML 역할(태그가 적용됨)표준속성(title, width 이런 거)의 모든 값은 문자열v-bind 디렉티브요소의 속성을 바인딩문자열이 아닌 js 표현식으로 처리태그명 : 속성=”표현식” ⇒ 이 약식 표현을 많이 씀일반 속성에 사용특징단방향!⭐⭐UI 갱신용으로만 사용함즉, 뷰모델 변화가 화면에는 반영되지만 반대로 화면의 입력값이 뷰모델에는 반영되지 않음v-model 디렉티브양방향 데이터 바인딩주로 form 요..
WEB/Vue.js
Proxy내가 알고 있는 프록시는 프록시 서버인데,, Vue.js의 프록시도 이건가? 해서 찾아보니 프록시 적용하는 법이 나오긴 했다.🔽- FE와 BE API 서버가 같은 호스트에서 돌아가지 않고 있다면 API 요청 시 Proxy가 필요하다.- Vue.js에서 프록시를 사용하려면 vue.config.js에서 아래와 같이 옵션을 설정해주면 된다.module.exports = { devServer: { proxy: 'http://localhost:4000' }} 하지만 수업에서 배운 건 Proxy 객체!그래서 관련된 자료를 다시 찾아보니 ES6에서 도입된 개념이다. Proxy 객체란?다른 객체에 대한 proxy를 생성해주는 기능을 한다.그럼 proxy는 뭐냐? 해당 객체의 기본 작동들을 가로채거..
MVVM 패턴안드로이드 개발을 하며 배우고 적용했던 MVVM 패턴!하지만 벌써 수년 전이라 기억이 잘 나지 않았는데 Vue.js를 공부하며 다시 찾아보았다. Model-View-ViewModel 구조로 이루어져 있으며,비즈니스 로직과 UI 분리를 위해 설계된 패턴이다.아무래도 앱 크기가 커지고 확장될수록 유지보수하기 어려워지기 때문에 나왔다고 한다.이때View는 HTML, CSS로 작성된 유저 인터페이스와 관련된 부분View Model은 이런 view의 데이터 흐름이나 논리 등 상태 및 연산과 관련된 부분Model은 도메인에 특화된 데이터를 다루는 부분이다. 이렇게 되면뷰는 뷰모델에 대해 알고 뷰모델도 모델에 대해서 알고 있지만거꾸로 모델은 뷰모델을 모르고, 뷰모델은 뷰에 대해 모른다.즉, 뷰모델은 뷰..
