async downloadFile(url, filename) { if (!url) { this.error = true; console.error("파일 URL이 제공되지 않았습니다."); return; } this.fetching = true; this.error = false; try { const response = await fetch(url); if (!response.ok) { throw new Error("네트워크 응답이 실패했습니다."); } const blob = await response.blob(); const blobURL = URL.cre..

팝업 나오고서 내부에 여러 아코디언 목차가 있는형태. 추가 및 보완 해야 할 사항은 ...1. 현 팝업 종요 후 다시 팝업 클릭시 아코디언 정보 리셋2. 팝업 내 클릭된 아코디언이 아닌 다른 아코디언 클릭시 축소 (1개의 아코디언만 동작하게-)methods: { popupScript: function () { document.addEventListener('DOMContentLoaded', function () { var openButtons = document.querySelectorAll('.open_button'); var closeButtons = document.querySelectorAll('.close_button'); ..

methods: { checkiOSVersion: function () { var userAgent = window.navigator.userAgent; var version = null; if (/iP(hone|od|ad)/.test(userAgent)) { var v = (userAgent).match(/OS (\d+)_(\d+)_?(\d+)?/); if (v) { version = parseFloat(v[1] + '.' + v[2]); this.iOSV..

🌱 Vue.js 기본 문법 정리 기초 설명 인스턴스 : 뷰로 화면을 개발하기 위한 생성 단위 인스턴스 생성 방법 = new Vue(); 인스턴스 속성 new Vue({ el: , template: , data: , methods: , created: , watch: , }); // el : 인스턴스가 그려지는 화면의 시작점(특정 Html 태그) // template : 화면에 표시할 요소 ( HTML, CSS 등) // data : 뷰의 반응성(Reactivity)이 반영된 데이터 속성 // method : 화면의 동작과 이벤트 로직을 제어하는 메서드 // created : 뷰의 라이프 사이틀과 관련된 속성 // watch : data에서 정의한 속성이 변화했을 때 추가 동작을 수행할 수 있게 정의하는 ..

안에 여러개의 를 넣으려고 하니 나는 에러. 나는 Vue3로 생성을 했는데도 문제였는데... 아마 ESLint에서 읽는게 Vue3여도 작업환경을 Vue2로 읽어들이는것 같다. ※ 스택오버플로우 참조 F1>Preferences:Open Settings (JSON) 설정으로 들어가서 "vetur.validation.template": false, "vetur.validation.script": false, "vetur.validation.style": false, 를 추가 시켜주니 문제없이 잘 작동함 ! 이걸 해줘도 잘 되지 않는다면 package.json의 rules에 저 항목을 추가시켜주자 !!

"npm run serve" 를 하니 나오는 터미널의 화면... 이거부터 해결하고 봐야 공부가 가능할듯 싶다. ↓ node js 의 버전 문제였던듯 싶다.. 최신버전이 아닌 안정화된 버전으로 하니까 해결 !