[WEB][Vue.js] Vue.js…? (MVVM/가상 DOM)

Vue.js란?자바스크립트 프레임워크웹 화면 작성에 최적화 Vue.js의 특징SPA(Single Page Application)html 한 개로 어플리케이션을 구성section 영역의 내용만 바뀜(ex) React.js, Vue.js, Svelte MVVM 패턴Model: 순수 데이터 View: 화면ViewModel: 순수한 데이터를 화면에 출력하기 편하게끔 가공한 형태(변수, 함수 반환 ...) event drivendata driven - 데이터 수정을 감지가상 DOM(Virtual DOM) 브라우저 메모리에서 관리하는 DOM에 대한 추상 객체 빠른 UI 렌더링 성능을 제공 브라우저 DOM 목적: 화면에 직접 그리는 작업을 수행 가상 DOM 목적: 변경된 부분을 탐지하는 것 ..

• format_list_bulleted Web/vue.js
• · 2025. 3. 24.
• textsms

[WEB][CSS3] overflow: hidden이 뭔데..

overflow? 넘쳐흐르다, 범람하다, 가득 차다  기능▷ 영어 뜻에서 추측해볼 수 있듯이, 크기가 제한된 영역에서 많은 양의 컨텐츠를 보여줄 때(= 컨텐츠가 넘쳐흐를 때) 사용한다. 속성 종류visible 기본값, height 보다 내용의 크기가 크더라도 전부 출력hidden height 만큼만 출력, heigt 공간 안의 내용은 숨긴다는 뜻!auto컨텐츠의 양이 가변적이어서 스크롤바를 보여줘야 할지 말지 미리 결정하기 어려운 경우에 사용!scroll주어진 공간을 넘어가는 컨텐츠가 삐져나오면 안 되고, 누락되어도 안 될 때 사용내용이 공간을 넘어가지 않아도 스크롤바가 생김 말로만 설명하면 이해가 어려우니..    예시 코드!예시 코드 See the Pen overflow:hidden(1) by ..

• format_list_bulleted Web/css
• · 2025. 3. 21.
• textsms