Front

vue.js 는 Single Page Application 이기 때문에 window.open() 비추천 버튼 눌러서 popup을 여는게 아닌 홈페이지가 로딩되면 바로 보이는 popup 이다 실제 사용 코드는 보안때문에 가져올수 없는 프로젝트라 간략하게 작성했다. main.vue window.open(url, 이름, 팝업창 가로길이, 팝업창 세로길이, 팝업창 시작점 top, 시작점 left); window.open("noticePopup", "", "width=500, height=600, top=100, left=100"); window.open 함수의 url 자리에 있는 "noticePopup" 은 router.js에 등록해놓은 router 링크이다. popup.vue {{this.subject}} m..

1. 설치 npm install jodit-vue --save 2. main.js에 코드추가 (플러그인 연결) import 'jodit/build/jodit.min.css' import Vue from 'vue' import JoditVue from 'jodit-vue' Vue.use(JoditVue) 3. 원하는 template에 코드 추가 4. 결과 이렇게 잘 보인다. width에 따라 메뉴바가 변경되니 참고할 것. 아래 에디터는 width가 줄어든 모습이다. https://ddolcat.tistory.com/2112 [Vue.js + Vuetify.js] Jodit 에디터 파일 업로드 기능 구현시 함수 또는 스크립트(method) 호출시 is not a fu Jodit 에디터 사용시 서버로 파일 업..

뒤로가기 this.$router.go(-1) 앞으로가기 this.$router.go(1) 메인가기 this.$router.push(‘/‘)

input에 메뉴명을 입력하면 해당 단어가 들어가 있는 메뉴 리스트업, 클릭시 해당 사이트 이동 구현 (한글 메뉴명은 X) skills.js const skills = [ { name: 'naver', url: 'https://www.naver.com/' }, { name: 'daum', url: 'https://www.daum.net/' }, { name: 'nate', url: 'https://www.nate.com/' } ] export default skills LoanLing.vue {{ res.name }}

https://whwl.tistory.com/42 [Vue.js] Vuetify 사용방법 프로젝트에서 프론트엔드 역할을 맡아 Vue.js로 작업하고 있다. 그래서 Vuetify를 공부하며 열심히 활용하고 있는 중이다. 처음에 뭔지 하나도 모르다가 직접 사용해보니 굉장히 편하다고 느꼈다. whwl.tistory.com https://codesandbox.io/s/ei812?file=/src/Animals.js autocomplete-example-1 - CodeSandbox autocomplete-example-1 by cj_1433 using @vue/cli-plugin-babel, v-autocomplete, vue codesandbox.io https://dwc04112.tistory.com/169 ..

{{ res }}