vue 에서 api 호출하는 법 정리 지금 내가 사용하는 방법은 vue 와 java 를 분리해서 서버를 띄어 놓은 후에 서로 통신하는 방법이다. ✅ Controller 를 켜주고 vue 도 서버를 켜주자 ✅ 아래와 같이 폴더구조가 되어 있다. ✅ api 아래에는 axios 가 정의되어 있을 것이다. ✅ views 에는 vue 파일이 정의 되어 있을 것이고 ✅ 어떤 버튼 클릭 이벤트가 발생했을 때 호출하는 것으로 예시를 들어보자. ✅ @/api/binsoo js 파일에 Binsootest1, Binsootest2 가 존재 해야 해. import { Binsootest1, Binsootest2 } from '@/api/binsoo' methods: { async Binsoo (){ await Binsoote..

따자 회의 - in . 파주 레드 파이프 (●ˇ∀ˇ●) gil - vue 부모 - 자식 -연결 API 구상하기 컨벤션 동사명 Date 문자열 포맷 AAA 상속 Aaabbb BBB 상속 Aaabbb

✅ js blobDownload 공통 js 파일에 아래와 같은 bolbDownload 파일을 만든다. 더보기 export function blobDownload(response){ // 1. blob URL 생성 var contentTypeHeader = response.data.type; var blobURL = window.URL.createObjectURL(new Blob([response.data], { type: contentTypeHeader })) // 2. fileName response 헤더에서 불러오기 var fileName = response.headers['content-disposition'].match(/filename="(.+)"/)[1] //인코딩 해서 온 파일 이름을 디코딩..

java.sql.SQLSyntaxErrorException: FUNCTION ~ does not exist. Check the 'Function Name Parsing and Resolution' section in the Reference Manual 쿼리에 이상이 없는데,, ? 생각하지말고 공백 체크 해보고 실제로 쿼리 던져보기. ❌ SELECT COUNT (mmd_seq) AS totalCnt FROM ML_MODEL_DICTIONARY WHERE mmi_seq = 12 ⭕ SELECT COUNT(mmd_seq) AS totalCnt FROM ML_MODEL_DICTIONARY WHERE mmi_seq = 12

우아한 형제들 고맙습니당 EnumMapperType 더보기 package com.rsn.LucyAI.api.code; public interface EnumMapperType { String getCode(); String getTitle(); } EnumMapperValue 더보기 package com.rsn.LucyAI.api.code; public class EnumMapperValue { private String code; private String title; public EnumMapperValue( EnumMapperType enumMapperType ) { code = enumMapperType.getCode(); title = enumMapperType.getTitle(); } publ..

vue 에서 insert 할 때는 FormData 를 생성해서 데이터를 실어 보내줘야 한다. 이유는 post 를 할 때에는 headers - ContentType 이 'application/x-www-form-urlencoded' 이기 때문이다. 더보기 export function insertLearning(data){ const frm = new FormData() frm.append('mmtSeq', data.mmtSeq) frm.append('tdiSeq', data.tdiSeq) frm.append('mmiName', data.mmiName) return request({ url: '/api/machine-learning', method: 'post', headers: {'Content-Type'..

✅ js file 에 이렇게 명시 더보기 import request from '@/utils/request' /* 학습 데이터 가져오기 (GET) */ export function getTrainingData(params){ return request({ url: '/api/train-data/', method: 'get', params: { limitNum : params.limitNum || 10, rowNum : (params.pageNum-1) * params.limitNum || 0, tdiNameSearch : params.tdiNameSearch || '', tdiSeq : params.tdiSeq || 0 } }) } /* 학습 데이터 등록하기 (POST) */ export function..

📝 참고 사이트 설명 사이트 예시 사이트 🔉 npm 다운로드 npm install vue-chartjs chart.js@2 --save 🔉 npm run build 에러 발생 에러 해결 변경 전 "scripts": { "dev": "vue-cli-service serve", "lint": "eslint --ext .js,.vue src", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --preview", "new": "plop", "svgo": "svgo -f src/icons/svg --config=src/icons/svgo..