2023.06.28 ~ 2023.08.08 · 7명 팀 프로젝트
시세와 트레이딩 모델의 결과를 웹 화면에 연결했습니다.
교육 과정에서 진행한 프로젝트입니다. 시세, 계좌와 거래 내역, 모델의 매수·매도·보유 결과를 조회하는 웹서비스를 구현했습니다.
웹에서 구현한 기능
- 회원가입 시 아이디 중복을 Ajax로 확인하고, 로그인 후 세션과 Filter로 페이지 접근을 구분했습니다.
- Redis에서 전달되는 코스피·환율·종목 데이터를 WebSocket으로 받아 차트와 화면에 반영했습니다.
- 계좌 정보 조회 전에 비밀번호를 다시 확인하고, 계좌·손익 정보와 거래 내역을 표시했습니다.
- 트레이딩 모델의 예측 결과와 종목별 수익률을 화면에 연결했습니다.
- 데이터베이스에 저장된 종목 뉴스의 목록과 상세 내용을 조회하도록 했습니다.
실시간 데이터가 도착하기 전의 화면
새 데이터가 들어오기 전에도 화면에서 최근 상태를 확인할 수 있어야 했습니다. 먼저 MariaDB의 마지막 값과 최근 차트 데이터를 표시하고, WebSocket으로 새 값이 도착하면 차트에 추가하거나 기존 값을 바꿨습니다.
분 단위 차트는 Highcharts로 그렸고, 일 단위 차트와 종목 검색에는 TradingView 위젯을 사용했습니다.
사용 기술과 구조
Java · Spring Boot · JSP · MariaDB · Redis · WebSocket · JavaScript · CentOS
Controller, Service, DAO, DTO와 Filter로 기능을 나누고 Redis 수신과 WebSocket 전송을 연결했습니다.
화면의 RainBowCompany는 교육 프로젝트에서 사용한 가상 회사 설정입니다.
화면과 구현 기록 보기
회원가입
로그인
로그인 여부에 따른 페이지 접근
세션에 회원 ID 저장
코스피와 환율
Redis 데이터 수신
TradingView 위젯
종목 차트
계좌 조회 전 비밀번호 확인
계좌 페이지 접근 확인
계좌 정보
실시간 수신 전 DB 값 표시
실시간 매매 정보
거래 내역 목록
모델 예측 결과
분 단위 예측 결과
종목별 수익률 차트
종목 뉴스 목록
뉴스 상세
가상 회사 소개
