본문 바로가기

Vue.js30

[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.
[Vue.js][Error] loading status in v-data-table 이번에는 vue.js의 data table 구성 시, loading상태에 대한 처리관련하여 발생이 가능한 고민거리에 대해서 생각해 보고자 합니다. 사실상 vuetify에서 제공하는 UI components를 main으로 사용하기로 했기 때문에 대부분이 제공되는 기능입니다. 이번에 생각해보고자 하는 부분은 API로 받아온 데이터를 table에 뿌려줄때, 해당 데이터를 가져오는 중에는 progress bar로 표시를 해주고 데이터 로딩이 완료된다면... progress bar를 종료시키는 기능입니다. v-data-table에서는 해당 기능을 loading이라는 property로 완성합니다. 이렇게 간단하게 구현이 가능한데... 왜 이렇게 생각까지 해야할까요?? 문제상황은 아래와 같습니다. API로 받아오는 .. 2021. 2. 10.
[Vue.js] 08. use v-data-table 이번에는 table형태로 표현이 가능한 data를 vuetify를 통해서 구현해 보도록 하겠습니다. 기존에 AT Project를 통해서 구현했던, corp_info table을 Spring Boot에 구현한 Rest API를 통해서 가져오고 그 결과를 vue.js로 렌더링 하는 것 입니다. 일단 구현했을때 그 결과 화면을 보고... 어떻게 구현을 해야할지 고민해 보겠습니다. 아마 아래 화면은 대다수의 application이 구현하고 제공하는 양식입니다. API를 통해서 가져온 데이터를 list로 이쁘게 뿌려주고... 데이터가 음청 많을경우 아래처럼 pagination되어 해당 부분만 보여주도록 되어있습니다. 그리고 다음 page를 보려면 next버튼 혹은 원하는 page번호를 선택하면 해당 페이지의 데이.. 2021. 2. 10.