Front-End/Vue.js(2)
-
Vue.js 디렉티브(v-text, v-html)
{{message}} 1. 템플릿 표현식(콧수염 표현식 : Mustache Expression) - HTML DOM에 데이터를 렌더링 - 콧수염 표현식이라 부르며 또는 보간법이라고 불림 2. v-bind 디렉티브 - innerText 속성에 연결 - HTML을 인코딩하여 화면에는 태그 문자열이 그대로 출력 3. v-html 디렉티브 - innerText가 아닌 innerHTML 속성에 연결 - HTML을 파싱하여 화면에 출력 * v-html 단점 : XSS(Cross Site Scripting) 공격 등에 취약함 XSS 공격 : input 등을 이용하여 스크립트 코드를 그대로 바인딩하여 실행하는 공격
2021.09.07 -
Vue.js란
Vue.js란? - Vue.js는 Google Creative Lab에서 일하던 Evan You가 UI를 빠르게 개발하기 위해서 개발 - JavaScript 프레임워크 - 다른 프레임워크 보다 유연하고 가벼움 - SPA(Single Page Application) 아키텍처 수정을 위해 필수적으로 필요한 Router 기능도 에코 시스템을 통해 효과적으로 지원 * SPA(Single Page Application)란 - 전체를 렌더링하는 방식이 아닌, 필요한 부분만 서버 API 호출을 하에 데이터를 불러주는 앱 - Vue.js는 MVVM패턴을 따르고 있음 - MVVM패턴 = Model - View - View Model - Model : 데이터를 가지고 있음 - View : HTML과 CSS로 작성 - Vi..
2021.09.03