전체 글321 Router 라우트에 컴포넌트를 매핑한 후, 어떤 주소에서 렌더링할 지 알려준다. 각 vue 폴더 별로 index.vue (ex - /app/chart/index.vue) App.vue main.js import Vue from 'vue' import App from './App.vue' import {store} from "./state/state"; import router from "./router"; Vue.config.productionTip = false new Vue({ store, router, render: h => h(App), }).$mount('#app') router.js import Vue from 'vue'; import VueRouter from "vue-router"; Vue.use(V.. 2020. 5. 4. Vue.js, 컴포넌트 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크, 기존의 프레임워크와 통합이 쉽다는 것이 장점이다. 컴포넌트는 미리 정의된 옵션을 갖는 Vue 인스턴스이다. HTML 엘리먼트를 확장하여 재사용 코드를 캡슐화하는데 도움을 준다. 전역 컴포넌트 컴포넌트의 전역 등록은 일반적인 프로그래밍의 전역 변수와 유사하다. 인스턴스 생성 후 어느 페이지 또는 컴포넌트에서 글로벌하게 사용할 수 있다. Vue.component(tagName, options) 지역 등록 컴포넌트 등록에 있어서 전역등록 보다는 지역등록을 가장 많이 쓰고 보편적으로 사용한다. 웹팩같은 빌드 시스템을 사용하면 전역등록 된 사용되지 않는 모든 컴포넌트가 빌드에 포함되기 때문이다. 2020. 5. 4. 용어정리 1. DOM과 마크업(Markup)의 차이 - DOM : HTML뿐 아니라 XML도 포함되며 파싱해서 생성되는 객체를 모델로 하여 document에 접근 가능한 API를 말한다. - 마크업 : 단순한 규칙에따라 태그, 속성값으로 이루어진 언어 2. 렌더링이란(rendering) - 일반적인 렌더링은 HTML을 해석하여 모니터에 표시해주는 것을 말한다. - React의 경우 데이터를 HTML로 전환하여 rederer에게 전달해주는 것을 말한다. 3. 셀렉터란(Selector) - name id class tag 등 선택하는 것 4. 요소란(Element) - HTML문서나 웹페이지를 이루는 개별적인 요소이며 DOM으로 파싱되는 것을 말한다. 5. 객체(Object)와 배열(Array)이란 - 객체 : 관련.. 2020. 4. 28. 모달 외부 JSP에서 불러오기 부트스트랩 버전에 따라 remote를 사용하는 것이 불가능해졌기에 jqury의 load를 사용하여 불러온다. 모달 불러오는 버튼 lock 모달 불러오려는 화면 위 화면의 자바스크립트 $(".modal-content").load("/loginModal"); 외부 JSP Login Sign in Your ID Password remember me Sing in Controller @GetMapping("/loginModal") public String loginModal() { return "/member/loginModal"; } 2020. 3. 19. 이전 1 ··· 28 29 30 31 32 33 34 ··· 81 다음