-
Notifications
You must be signed in to change notification settings - Fork 1
기획서
JIN edited this page Dec 3, 2024
·
1 revision
실제 주식 시장의 데이터를 실시간으로 활용하여 가상으로 투자 경험을 쌓을 수 있는 서비스이다. 사용자는 모의 자산을 활용해 주식을 거래하고, 투자 성과를 바탕으로 주식에 대해 재미있게 공부할 수 있다.
- 실제 주식 데이터를 기반으로 시세를 반영하여 현실감 있는 투자 경험을 제공한다. 이를 통해 사용자들은 주식 시장의 동향을 실시간으로 파악하고 투자에 반영할 수 있다.
- 투자 수익률에 따라 전체 사용자 간 랭킹이 표시되며 일일 랭킹을 확인할 수 있다.
- 사용자는 서비스에 일반 로그인 및 카카오 로그인을 할 수 있다.
- 로그인이 완료된 사용자의 경우 마이페이지를 통해 현재 자산 정보와 투자 정보 등을 확인할 수 있다.
- 주식 거래 및 마이페이지 기능은 로그인이 완료된 사용자만 사용할 수 있다.
- 사용자는 주식을 검색하고 주식의 정보를 확인할 수 있다.
- 주식 상세 페이지에서 차트, 거래 현황, 실시간 체결가를 확인할 수 있다.
- 사용자는 주식 상세 페이지 화면에서 매수 및 매도를 할 수 있다.
- 사용자는 주식 정보 외에도 관련 뉴스를 확인할 수 있다.
- 사용자가 거래를 할 때마다 수수료가 발생한다.
거래 금액 | 수수료(%) |
---|---|
~ 1천만원 | 0.16 |
1천만원 ~ 5천만원 | 0.14 |
5천만원 ~ 1억원 | 0.12 |
1억원 ~ 3억원 | 0.10 |
3억원 ~ | 0.08 |
- 주식 정보, 포트폴리오 현황, 랭킹 등 주요 데이터는 2초 이내에 로드되어야 한다.
- 주식 거래 내역, 랭킹 등 모든 중요한 데이터는 일관성을 유지하고, 시스템 오류 시에도 데이터가 보존될 수 있어야 한다.
- 사용자 정보 등 민감한 정보는 전송 시 모두 암호화되어야 한다.
- 모듈화된 아키텍처를 사용하여 기능별로 코드 유지보수가 가능하도록 하고, 새 기능 추가 시 기존 코드와 충돌이 없도록 해야 한다.
- 개발 문서, 회의록, API 명세서 등을 최신 상태로 유지하여 관리 및 유지보수가 원활히 이루어지도록 해야 한다.
- 모든 화면은 일관된 사용자 인터페이스(UI)를 유지하며 직관적인 사용자 경험(UX)을 제공해야 한다.
- 새로운 랭킹 시스템을 추가할 수 있는 구조로 설계하여 향후 확장이 가능해야 한다.
- 실시간 상태 관리
- 부드러운 UI/UX 구현
- 데이터 시각화
- Three.js 활용 (Optional)
- 사용성 높은 페이지 구현
- TypeScript 기반 안정성 확보
- 실시간 데이터 처리 시스템
- 대용량 데이터 처리
- 성능 테스트
- 보안
- DB 쿼리 최적화 (Optional)
- 로드 밸런싱
- Docker 컨테이너화
- CI/CD 파이프라인 구축
- 체계적인 문서화
- [FE] 프론트엔드 기술스택
- [FE] 라이브러리 없이 차트 구현 이유
- [FE] Canvas API 사용방법
- [FE] 네비게이션 바 애니메이션 구현
- [FE] Socket.io 사용방법
- [FE] Tanstack Router에 대하여...
- [FE] Intl(Internationalization) API
- [FE] React Suspense 적용
- [FE] 한글 입력 방식의 유연성을 높인 검색 시스템 구현하기
- [BE] 백엔드 기술 스택
- [BE] SSE vs Socket.io
- [BE] Redis를 도입하게 된 계기
- [BE] ACG Rule을 활용한 Secure CI CD 파이프라인 구현
- [BE] Nginx 로드밸런싱을 통해 한국 투자 API 소켓 제한 극복
- [BE] 주가 지수 기능 개발 과정
- [BE] 매수 및 매도 기능 개발 과정
- [BE] 실시간 자산 조회 기능 개발 과정
- [BE] 단위 테스트
- [BE] redis를 이용한 한국투자 Open API 세션 관리
- [BE] 데이터베이스 인덱싱
- [FE] React에서의 DOM 요소 접근 (useRef vs getElementById)
- [FE] Outlet을 활용한 공통 레이아웃 관리
- [FE] react hooks가 특정 조건에서 실행되면 안되는 이유 & useQuery에 query function 매개변수가 undefined일 수도 있을 때 어떻게 해결할까
- [FE] cross‐domain 로컬 환경에서 cookie로 인증 처리하기 with vite proxy
- [FE] 크롬&사파리 Composition 차이
- [FE] useEffect 의존성 배열
- [BE] Naver Cloud Platform HTTPS 무응답 현상
- [BE] 한국투자 Open API에서 access token을 발급받지 못하는 문제
- [BE] 한국투자 Open API와 웹소켓 연결이 되지 않던 문제
- [BE] 한국투자 Open API 웹소켓 연결이 중단되는 문제
- [BE] 같은 주식 주문이 동시에 여러 번 체결되는 문제
- [BE] 한국투자 Open API Websocket 세션을 두 개에서 한 개로 변경하기
- [BE] Nginx 로드 밸런싱 중 Socket bad Request 발생하는 현상
- [BE] 매수/매도 체결 로직에 의해 redis pub/sub이 정상적으로 동작하지 않는 문제