AI를 활용해서 주가 예측 시스템을 개발해보자 (2)

얼마간 글을 못쓰다가 또 쓰러 들어왔는데..

이전 글에 포함된 자동배치 광고의 위치가 뒤죽박죽이네요.

분명히 사이드바 하단에 하나, 글 본문의 가장 하단에 하나만 출력하는 것으로 설정해뒀는데.. 왜 저런지..

다시 설정을 살펴봐야 할 것 같습니다.

 

 

 

 

그리고 참고하고 있는 도서는 아래의 3권인데.. 강화학습쪽도 추가하는 것을 고려하고 있습니다.

• 파이썬과 리액트를 활용한 주식 자동거래 시스템 구축 (박재현 저 / 위키북스)
• 파이썬으로 배우는 알고리즘 트레이딩 (조대표 저 / 위키북스)
• R로 하는 퀀트 트레이딩 (해리 조가코퓰러스 저 / 에이콘)

저런 그래프를 예측하는 시스템을 만들어봅시다

지난 번 글에서는 개발하려고 하는 시스템의 환경을 대충 선택해 보았습니다.

각 모듈들의 기능을 다시 한 번 체크해 보고 문제점이 있나.. 살펴보았는데 React의 경우 처음 생각했던대로 컴포넌트간 데이터의 전달에 문제가 있더군요.

거기에서 더 나아가 로컬 이미지를 읽어서 바로 화면에 출력하는 단순한 기능이 일반적으로 처리되지 않는다는 것을 알게 되었습니다.

AI 기반 데이터 예측 시스템에서는 이미지를 읽어서 바로 화면에 보여주거나 할 일은 별로 없을 것 같긴 하지만.. 간단한 작업인데 처리되지 않는 것은 다시 한 번 고려해 볼 문제일 것 같더군요.

 

(이게 사실.. 여러 예제 또는 블로그들을 살펴봤을때.. 이렇게 하면 된다~ 라고 설명되어 있는 것들을 내가 사용하는 환경에서 적용해보면 안되는 것들이 꽤 많죠.. 그런데 정작 그 두 환경 사이를 이어줄 만한 딱 그 내용은 다루지 않습니다. 일반적으로.. 글쓴이의 환경과 내 환경이 달라서 그런 것이니까.. 글쓴이는 당연히 설명할 필요가 없는거죠.)

 

다양한 활용예제나 Github에 올라온 오픈소스들을 검색해보니 구현을 해 놓은 예제가 있긴 합니다만.. 단순히 그 기능만을 위해서 그 정도의 코드를 작성하는 것은 좀 문제가 있다고 보입니다.

그래서 생각한 방안이 React를 사용하긴 하지만 그렇다고 너무 거기에 얽매일 필요가 있는가.. 라는 것이었습니다.

기본적인 구조, 특징은 React를 사용하되 기본적인 자바스크립트로 구현되는 디자인은 그냥 그대로 사용하자..

그리고 디자인 요소의 변경과 같은 것이 필요하면 CSS를 적용하자..

라는게 해결 방안이었습니다.

 

일단 파이썬이나 그런.. 다른 환경은 모두 접어두고 Node.JS와 React만 설치해서 화면을 구성하기로 했습니다.

React의 기능들에 얽매이지 않기로 생각하니 금방 만들어지네요.

UI 디자인을 마치고 제대로 개발 환경에 붙였을때 정상적으로 동작하는지 확인을 해 보았더니 잘 동작합니다.

 

어쨋든 일단 UI 디자인에는 큰 무리는 없을 것으로 판단되어 처음 계획한 구조를 계속 진행하기로 하였습니다.

지난 글에서 그렸던 개발환경 구조를 레벨에 따라서 새로 정리해보면 다음과 같이 그릴 수 있겠네요.

다음 글에서는 개발환경을 설치 설정하는 명령들을 정리하고 본격적으로 프로젝트를 시작하도록 하겠습니다.