Front

http://fabricjs.com/ Fabric.js Javascript Canvas Library Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes or complex shapes consisting of hundreds or thousands of simple paths or good old images You can add text and dynamically manipulate its size, alignment, fabricjs.com 프로젝트에서 이렇게 사용자가 직접 영역설정을 해야하는 코드를 구현해야해서 처음 Farbric.js 를 알게됐다 다른점은 이미지를..

https://echarts.apache.org/en/index.html Apache ECharts ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization You are welcomed to cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, echarts.apache.org

1. username input이 email이 아닐 경우에 비활성화 처리 - 정규표현식 필요 (이미 잘 만들어져 있는걸 사용하자) - computed 속성 필요 2. 아이디, 패스워드가 없으면 로그인버튼 비활성화 - html 정규 표현식 disabled 필요 1. 여러 컴포넌트에서 사용할거면 utils 폴더를 만들고 valdation.js 파일로 따로 빼놓자 const validateEmail = email => { return String(email) .toLowerCase() .match( /^(([^()[\]\\.,;:\s@"]+(\.[^()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\..

{{ item.subject }}

1. vue-js-modal 을 install 받아준다 npm install vue-js-modal --save https://www.npmjs.com/package/vue-js-modal vue-js-modal Modal Component for Vue.js. Latest version: 2.0.1, last published: a year ago. Start using vue-js-modal in your project by running `npm i vue-js-modal`. There are 187 other projects in the npm registry using vue-js-modal. www.npmjs.com 2. main.js에 vue-js-modal 플러그인을 추가해준다. impor..

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 }}