| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- gradle
- 현장학습
- 맥길대학교
- jQuery
- 자바스크립트
- aws
- ES6
- jpa
- jsp
- 메서드
- nginx
- 알고리즘
- arraylist
- SpringBoot
- Docker
- Flutter
- vue.js
- lightsail
- java
- 에러
- spring
- keycloak
- 인텔리제이
- json
- JavaScript
- REACT
- 스프링
- 글로벌
- Keycloak 17.0.1
- vue
- Today
- Total
목록vue.js (2)
korean IT student
SpringBoot - vue.js 연동 및 gradle 빌드 및 실행
구성 1. vue.js 설정 2. springBoot gradle 설정 3. 프로젝트 실행 1. vue.js 설정 vue.config.js를 열어 위와 같이 입력한다. 2. SpringBoot - 서버 실행 시 자동 빌드 설정(gradle) - vue.js 프로젝트를 빌드 후 백엔드에서 사용할 수 있게 gradle에 작성하였다. 3. gradle build - 프로젝트를 build 한다. - gradle에 설정한 task들이 실행됨을 볼 수 있다. - 빌드가 성공적으로 잘되면 vue.js에서 설정한 outputDir(빌드 시 생성되는 위치) 위치에 폴더가 생성됨을 확인할 수 있다. 4. 프로젝트 실행 - 기본적으로 URL을 입력하면 서버 접속을 먼저 시도하며, 서버측에서 해당 URL에 대해 특별한 매핑이..
vue.js - jsp에서 html2canvas 사용하여 이미지파일로 서버 업로드
html2canvas는 밑에 홈페이지에서 .js에서 받을 수 있다. html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com 위의 라이브러리를 이용하여 이미지 서버에 업로드하기 편리하다. 먼저 canvas에 ref를 정의하여 준다. 그리고 canvas에 그려진 그림을 @click 한다.(클릭 함수 구현) - 위의 함수를 통하여 this.$refs.canvas1 html정보를 가져온다. - document.getElementByI..