-
Notifications
You must be signed in to change notification settings - Fork 1
Home
baegyeong edited this page Dec 2, 2024
·
11 revisions
📊 초보 투자자를 위한 실시간 주식 정보 커뮤니티 서비스
목차
주춤주춤은 주식 초보자들이 투자를 하기 위한 정보를 번거로운 과정없이 알 수 있도록 해주는 서비스입니다.
실시간 채팅과 푸시 알림을 통해 투자 정보를 쉽게 확인하고 소통할 수 있도록 돕습니다.
직관적인 UI를 통해 번거로움 없이 주식 투자에 필요한 정보를 제공합니다.
실시간 소통
실시간 채팅을 통해 투자자들과 즉각적인 정보 교환
맞춤형 알림
관심 있는 종목의 주요 변동 사항을 푸쉬 알림으로 즉시 확인
직관적인 차트
TradingView 차트를 활용한 전문적이고 이해하기 쉬운 시각화
초보자 친화적
복잡한 용어와 차트를 알기 쉽게 설명하는 툴팁 제공
- 한국투자 API를 통한 데이터 수집
- 지수 지표 제공 (코스피, 코스닥, 원 달러 환율)
- 조회수 순으로 종목 추천
- 등락률 순으로 차트 제공
주식 소유 모달 | 주식 상세창 |
- Trading View를 사용한 시간별 그래프
- 해당 종목의 실시간 지표 제공
- 즐겨찾기 개념의 주식 소유 기능
- 주식 소유자들과 실시간 종목별 채팅
- 알림 설정
검색 결과 로딩 | 검색 결과 |
- 사이드바의 검색 버튼을 통한 간편한 검색
- 검색 결과 요청 시 로딩 인디케이터를 통한 UX 개선
- 모든 화면에 대해 다크모드 지원
- 구글 로그인 제공
- 게스트 로그인 제공: 한번의 버튼 클릭으로 간편한 로그인
미로그인 | 로그인 상태 |
- 로그인, 로그아웃
- 닉네임 수정 기능
- 알림 내역 확인
- 소유 주식 확인 및 삭제 기능
분야 | 기술 |
---|---|
FE | |
BE | |
Infra | |
DB | |
Common |
git clone https://github.com/boostcampwm-2024/web17-juchumjuchum.git
yarn install
yarn client run
# deploy/template.env 수정
# 이후 deploy/.env로 수정
# deploy 폴더 내에서 실행
docker compose up -d
Backend | Backend | Backend | Frontend |
---|---|---|---|
김민수 | 김성환 | 문설민 | 조배경 |
- 🚩 FE 기술 선택이유
- ✨ 차트의 반응형 구현과 useRef 타입 문제
- 🐣 부모 요소의 상태에 따라 자식 요소도 스타일 변화 부여하기
- 📁 zod 도입하기
- 🔖 useInfiniteQuery를 사용한 그래프 무한스크롤 구현
- 🎫 사용자의 시점 변화 없는 그래프 스크롤 구현하기
- 🧪 수많은 그래프 데이터 요청을 어떻게 줄일까
- 🌚 다크모드에서 새로고침 시 라이트모드가 잠깐 보이는 문제
- 👊 웹소켓의 채팅 데이터와 REST API의 채팅 데이터를 함께 관리하기
- 📡 BE 기술 선택 이유
- ⛏️ Node WebSocket 파고들기
- ✏️ TypeORM Datasource mock 만들기
- ☁️ oauth ID range 문제
- 📖 custom pipe에서 Nan이 받아지는 문제
- 🪒 nest Websocket에 세션이 안된다고?
- 🏴 nginx websocket 연결 시 문제 발생
- 🆘 WebPush 구현
- 🧊 우선순위 큐로 요청 제어하기
- 🔌 websocket이 늦게 할당되어 발생되는 문제
- 🥳 typeorm을 이용한 FCM 알림 서비스
- 🚦 다중 유저 동시성 제어 ‐ 싱글톤, 뮤텍스
- 🍙 그래프 데이터를 실시간으로 제공하기위한 전략