vue43 vue scrollTop 버튼 TOP 2024. 6. 18. vue bootstrap 사용법 bootstrap vue npm 설치 및 삭제설치npm install vue bootstrap bootstrap-vue삭제npm uninstall vue bootstrap bootstrap-vue package.json 파일에 설치되었는지 확인 "dependencies": { "bootstrap": "^5.3.3", "bootstrap-vue": "^2.23.1",} main.js 파일에 추가하여 연결import { createApp } from 'vue'import App from './App.vue'import router from './routes/index.js'import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'import 'boot.. 2024. 6. 18. VUE에 부트스트랩 프레임워크 적용 npm i bootstrap // bootstrap 5버전 설치 src / scss / main.scss 파일 내부의 내용 전부 지우기 // src / scss / main.scss 파일// bootstrap 연결 @import "../../node_modules/bootstrap/scss/bootstrap.scss" src / App.vue 파일에 scss 연결 // src / App.vue template> RouterView />template> // 추가 부분style lang="scss">@import "~/scss/main.scss";style> 부트스트랩 커스터마이즈https://getbootstrap... 2024. 4. 24. 14장 01. 게시판 만들기 보호되어 있는 글 입니다. 2023. 6. 9. 13장 04. 정리 - JSON.parse를 사용하면 준비한 JSON 파일을 JSON 데이터로 변경하여 읽어들일 수 있다. - JSON 데이터를 Vue 인스턴스의 data: 의 프로퍼티에 설정하면 그 데이터의 구조 그대로 Vue 인스턴스 안에서 사용 가능. JSON 파일을 읽어들일 때 1. HTML의 input 태그의 type="file"로 "파일 선택" 버튼을 표시. 이때 id="ID명"으로 작성하고 JavaScript와 연결 준비 2. 이 ID의 태그로 값이 변경될 때(change) 읽어들이는 메소드(loadFile)가 호출되도록 한다. let obj1 = document.getElementById("loader"); obj1.addEventListener("change", loadFile, false); 3. 메소드(.. 2023. 6. 1. 13장 03. 개선 : 트랜지션 붙이기 보호되어 있는 글 입니다. 2023. 6. 1. 이전 1 2 3 4 ··· 8 다음