bootcamp/html, css, Js (2) 썸네일형 리스트형 0130 webpack 모듈 번들러 필요한 페이지마다 css, html 페이지를 수동으로 파일마다 적용시키지 않아도 된다 (mpa 방식) 제일 중요한거 src랑 public의 파일 main.js가 app.vue를 불러와서 index.html에 적용 기본형태 ===================== 컴포넌트 커스텀 엘리먼트 => 나만의 HTML 태그 export default 자바스크립트 코드를 다른 곳으로 가져가서 쓸 수 있게 만든 것 css에도 컴포넌트를 주면 해당 컴포넌트한테만 css가 적용이 된다 ==> 컴포넌트마다 클래스 이름이 겹쳐도 된다 0129 vue.js - 버전 3가 최근에 나와서 레퍼런스 삼을만한 자료가 많지 않음 반응성 - 버튼을 클릭했을 때, 백엔드에 데이터가 입력됐을 때 등등 웹 페이지(DOM)를 효율적으로 추가 및 관리한다 -자바스크립트의 변수만 변경하더라도 화면에서 바로 변경이 된다 DOM -모두 선택해서 비효율적이다 가상 DOM - 실제화면에 표시되는 것 말고 메모리 상에 가상으로 만들어놓고 변경을 시키면 비교를 해서 특정값만 변경이 되게 할 수있다 -변하는 것만 갱신시킬 수 있다 - 화면에서 더 빨리 동작할 수 있다 -메모리에 올려놔야 변경이 가능하다 > 변경이 이뤄지지 않으면 메모리를 잡아먹음 MVVM 패턴 -vm = view.createApp -단방향, 양방향 가능 -디렉티브 -> 뷰에서 제공하는 다양한 문법 -페이지 상의 변수와 자바.. 이전 1 다음