728x90 반응형 Javascript23 [Vue js 반응형 웹페이지] 우측 슬라이드메뉴 여기서 이어서함 [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 yoyostudy.tistory.com/29 page2.vue를 아래 코드로 수정 PAGE 2 page2 - 우측 슬라이드 slide show PAGE 2 - SLIDE 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 슬라이드 메뉴 동작 영상 슬라이드 메뉴 동작 영상 2021. 5. 7. [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 사용할 모듈 설치 ㄱㄱ ( vue-router , jquery ) npm install --save vue-router npm install jquery --save npm i -g npm-check-updates 사용할 vue 파일 4개 + Nav 파일 + router.js 파일 생성 router.js import Vue from 'vue' import Router from 'vue-router' import page1 from './views/page1.vue' import page2 from './views/page2.vue' import page3 from './views/page3.vue' import page4 from './views/page4.vue' Vue.use(Router) expor.. 2021. 5. 7. IntelliJ + Vue 개발환경 구성 IntelliJ + Vue + Nodejs 개발환경 1. Vue 플러그인 설치 2. IntelliJ 종료 + 재실행 + 프로젝트 생성 3. Node.js 구동 + 확인 2021. 4. 14. JS Custom Select Box 만들기 심심해서 만들어봄ㅎㅎ CSS #select_box1, #select_box2, #select_box3{ float:left; position:relative; width:200px; z-index:3; } #select_box1{ z-index:3; } #select_box2{ z-index:2; } #select_box3{ z-index:1; } .select_absolute{ position:absolute; left:0; top:0; width:calc(100% - 2px); line-height:43px; cursor:pointer; border:solid 1px #D0D2D5; font-weight:400; color:#000000; font-size:14px; background-color:#.. 2020. 11. 5. 무한스크롤 만들기(ajax) - 쉬움주의 HTML 이 이미지는 1번째 이미지입니다. 이 이미지는 2번째 이미지입니다. 이 이미지는 3번째 이미지입니다. 이 이미지는 4번째 이미지입니다. 이 이미지는 5번째 이미지입니다. CSS body{ padding:0; margin:0; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; overflow:auto; } .fadein { -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms.. 2020. 5. 6. 이전 1 2 3 4 다음 728x90 반응형
