FrontEnd 43

[Vue.js] MVVM

Vue - MVVM Model-View-ViewModel 구성요소 Model 모델(Model)은 실제 상태 내용 (객체 지향 접근법)을 나타내는 도메인 모델 또는 내용 (데이터 중심 접근법)을 나타내는 데이터 액세스 계층 을 나타냅니다. View MVC 및 MVP 패턴의 뷰는 사용자가 화면에 무엇을보고의 구성, 레이아웃 및 모양이다. 모델의 표현을 표시하고 뷰 (클릭, 키보드, 제스처 등)와의 사용자 상호 작용을 수신하고, 데이터 바인딩 (속성, 이벤트 콜백, 이벤트 콜백 등을 통해 뷰 모델로 처리를 전달)을 정의 할 수 있습니다. ViewModel 뷰 모델(ViewModel)은 공용 속성과 명령을 보여주는 추상화입니다. MVC 패턴의 컨트롤러 또는 MVP 패턴의 표현 자 대신 MVVM에는 뷰 모델에서 ..

FrontEnd/Vue.js 2019.01.13

CSS Text 오버플로우

CSS Text 오버플로우 Overflow 할경우 대체할 텍스트 정하기 div.a { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: clip; border: 1px solid #000000; } div.b { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis; border: 1px solid #000000; } div.c { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: "----"; border: 1px solid #000000; } 한줄 혹은 여러줄을 남기고 자르는 경우 ..

FrontEnd/HTML & CSS 2019.01.13

CSS 7가지 단위

CSS 7가지 단위 rem 기존 em body태그에 em값을 이용해 폰트 사이즈를 지정하면 모든 자식 요소들은 body의 폰트 사이즈에 영향을 받음 Test Test Test body { font-size: 14px; } div { font-size: 1.2em; // calculated at 14px * 1.2, or 16.8px } rem rem('root'em)을 사용하면 세 div의 폰트 사이즈가 같아짐 html { font-size: 14px; } div { font-size: 1.2rem; } vh와 vw CSS의 너비 값은 가장 가까운 부모 요소에 상대적인 영향을 받음 vh 요소는 높이 값의 1/100 단위 (ex. 브라우저 높이 값이 900px 일때, 1vh는 9px) ex. 전체 높이의 ..

FrontEnd/HTML & CSS 2019.01.13