AyoProject47 [DevOps] 0. 들어가며 오래전 부터 Cloud가 활성화 되면서 DevOps라는 단어가 참으로 많아졌고, 현재는 대세를 이루게 되었습니다. 이번에는 개발자가 DevOps환경을 혼자서 Full stack으로 구성하는 과정을 담아보려고 합니다. 실제로 대고객 서비스를 하게되는 대규모 환경이 아닌... 소소하게 DevOps에 대한 개념을 더 깊게 알아가기 위한 소규모 프로젝트라고 생각하면 될 것 같습니다. DevOps is a combination of software developers (dev) and operations (ops). It is defined as a software engineering methodology which aims to integrate the work of software development an.. 2022. 4. 1. [AT] 34. 우량주 매매시점 알림 Dashboard 제작 (2) 이번에는 저번시간에 이어서 우량주 매매시점 알림 대시보드의 첫번째 줄의 두번째와 세번째 카드에 대해서 제작해 보도록 하겠습니다. 해당 카드의 모습은 아래와 같습니다. 해당 카드들은 왼쪽의 MACD와 Signal선의 Cross별 통계를 보여주는 카드와, 오른쪽의 Cross별 세부 종목 리스트를 보여주는 카드로 구성되어 있기 때문에, 한번에 다루도록 하겠습니다. 두 카드간 동작은, 왼쪽카드의 chart 내 특정 data에 대한 영역을 클릭하게되면 오른쪽 카드에 해당 대상이 자동으로 표출됩니다. 만약, 빨간색의 GC영역을 클릭하면 오른쪽에 MACD vs Signal Cross Stock List에서는 Gold Cross에 해당하는 2건의 종목이 보여지게 되고... 라임색의 Point영역을 클릭하면 오른쪽에 2.. 2021. 4. 2. [AT] 33. 우량주 매매시점 알림 Dashboard 제작 (1) 이제 본격적으로 우량주 매매시점 알림 대시보드(Dashboard)의 각 영역별로 구현하는 방법에 대해서 알아보겠습니다. 우선 첫 시간으로 첫째줄의 첫번째 영역에 대해서 보시죠~!! 아참!! 그리고 Dashboard의 전체적인 구성에 대해서는 제가 기존에 작성했던 vue.js쪽 내용을 참조해주시면 되겠습니다. 2021.03.04 - [Vue.js] - [Vue.js] 13. use Grid System [Vue.js] 13. use Grid System 이번에는 Dashboard 등 화면 Layout구성의 근간이 되는 Grid System에 대해서 알아보고자 합니다. Vuetify에서는 Layout 구성을 위한 방법을 제공하는데... 그것이 Grid System 입니다. 1. Grid System이란? V.. 2021. 4. 1. [AT] 32. 우량주 매매시점 알림 Dashboard 제작 (0) 지난 시간에는 키움증권에서 제공하는 전체 종목에 대해서 Dart(전자공시시스템)의 OPEN Data를 통해서 재무제표 정보를 얻어왔습니다. 이를 통해서 자신이 설정한 기준을 통해 우량주를 추출해서 DB에 저장하는 로직까지 구현해 보았습니다. 이제부터는 DB에 저장된 정보를 화면에 뿌려주고, 필요한 정보를 알려주는 대시보드(Dashboard)를 제작해 보도록 하겠습니다. 우선 전체 제작된 모습을 확인하고 하나하나 제작하는 방법을 알아보도록 하겠습니다. 1. Dashboard 개요 [개발환경] AT-Front : vue.js v2.9.6 AT-Back : SpringBoot Framework v2.4.2 (openjdk version v1.8.0_282) DBMS : MariaDB v5.5 [AT-Front.. 2021. 3. 31. 이전 1 2 3 4 5 6 ··· 12 다음
