vue7 [Spring Boot][Error] blocked by CORS policy 지난 번에 vue project와 springboot project의 결함에 대해서 알아보았습니다. Vue는 SPA (Single Page Application)을 구현해 주는 프로젝트이며, springboot와 결함함으로써 Frontend와 Backend의 일원화를 가능하게 해 줍니다. 해당 Project를 build하여 서버에 구성하기 위해서는 다음의 절차를 거치게 됩니다. vue project를 npm으로 build실행 - npm run build build의 결과는 project > config > index.js에 정의되어 있는 경로로 이동 springboot project를 build 및 run 따라서 개발자는 개발하는 단계에서 vue project에 뭐라도 살짝 건드리게 된다면... 위의 절.. 2021. 3. 21. [Vue.js] 15. use Components 이번에는 vue.js에서 Components를 사용하여, 코드를 분리하는 방법에 대해서 알아보겠습니다. vue.js가 SPA를 가능하게 하는 Frontend 프레임워크 입니다. 하지만 엄청난 코드를 한개의 vue 파일로 만드는 것은 상상하기 힘듭니다. 이에, vue에서는 각 기능이나 화면에 대해서 부분 부분을 분리하여 각 조각별로 개발을 진행하게 됩니다. 이를 Components라고 하는데, 당장 생각해 봐도... 이렇게 기능을 혹은 화면을 분리해서 개발한다고 하면 필요할때 해당 기능을 조립해서 적용할 수도 있고, 결국 코드의 재사용가 가능해 집니다. 이때, Components에도 관계가 형성되는데 보통은 Parent / Child로 구분하게 됩니다. 물론 이 둘 사이에 데이터의 이동도 가능합니다. 간단.. 2021. 3. 9. [AT] 30. 우량주 종목 자동 예측 및 선정 (4-4) 이제 어느정도 우량주 종목 중 저평가 종목에 대한 추출의 로직이 마무리 단계에 접어들고 있습니다. DB상에는 이제 원하는 모든데이터가 저장되어 있으며... 우량주 종목 중 저평가 종목에 대한 추출로직을 spring boot에 넣어서 화면에 렌더링을 해보겠습니다. 우량주 종목 선정을 위한 기반 데이터 수집 방안 (전자공시시스템 활용) - 1개 종목기준 정리된 데이터 수집 방안에 대해서 코스피, 코스닥 전체 종목에 대한 데이터를 DBMS에 적재 우량주 종목 선정 로직을 적용하여 대상 종목 추출 추출된 우량주 종목에 대해서 저평가 종목 추출 추출된 종목에 대해서 실험실 진행 우량주 종목에 대해서 저평가 종목을 추출하는 내용을 완성하기 위해서는 아래의 추가 단계가 필요하고, 앞으로 당분간은 해당 구성을 구현해 .. 2021. 2. 23. [Vue.js] 09. use axios - get params 추가 기존에 vue.js에서 axios를 사용하는 방법에 대해서 간단하게 알아보았습니다. 방법을 확인하면서 간단하게 get방식을 통해서 알아보았는데... 이때는 단순히 select를 해오는 방법에 대해서 보았습니다. 하지만 대다수의 경우에는 select를 통해서 table의 전체 데이터를 가져오는 것 보다는, 조건을 통해서 필요한 항목만 선별하여 select를 수행하게 됩니다. 따라서 vue.js에서는 get을 사용해서 select를 할때, 당연히 조건값을 같이 넘겨줘야하는데... 이것이 get params 입니다. axios.get(url, { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(functi.. 2021. 2. 22. 이전 1 2 다음
