Skip to content

rudals2334/sentistock-FE

 
 

Repository files navigation

sentistock-FE

센티스톡 로고

센티스톡_SENTISTOCK
투자 시장을 읽고 감정으로 타이밍을 포착하는, 감정 기반 투자 인사이트 서비스



🎨 프로젝트 개요

프로젝트소개

주식 시장은 정치·경제 이벤트, 사회 이슈, 투자 심리 등 다양한 요인이 동시에 작용해 변동성이 크고 예측이 어렵습니다.

본 프로젝트는 이러한 한계를 전제로, 뉴스에 담긴 시장의 감정(Sentiment) 이 주가 변동의 사전 신호로 활용될 수 있다는 문제의식에서 출발했습니다.

센티스톡(SentiStock)은 금융 뉴스 데이터를 기반으로 섹터 및 종목별 시장 감정을 수치화하고, 이를 통해 투자자가 시장 분위기와 심리 변화를 직관적으로 인식할 수 있도록 돕는 투자 판단 보조 서비스입니다.

주가 예측이나 매매 신호를 직접 제공하기보다, 시장 변화의 사전 흐름을 파악할 수 있는 감정 지표를 제공하여 감정적 매매를 완화하고 합리적인 의사결정을 지원하는 것을 목표로 합니다.



🛠️ 주요 기능

1. 그리팅페이지

서비스의 핵심 가치와 감정 기반 투자 보조 컨셉을 한눈에 전달하는 첫 진입 페이지입니다.

사용자가 센티스톡의 목적을 직관적으로 이해할 수 있도록 구성했습니다.

그리팅페이지

2. 회원가입페이지

카카오 OAuth 기반의 간편 회원가입을 추가해 빠른 서비스 이용이 가능합니다.

투자 성향 설문조사를 통해 유저별 투자 성향을 빠르게 확인할 수 있습니다.

회원가입 페이지 자체 회원가입 카카오회원가입 회원가입-투자성향1 회원가입-투자성향2 회원가입-투자성향3 회원가입-투자성향4 회원가입-투자성향5 회원가입-투자성향6 회원가입-투자성향7 회원가입-투자성향8 회원가입-투자성향9 회원가입-투자성향10 회원가입-투자성향11 회원가입-섹터선택

3. 메인페이지

전체 시장 및 섹터별 감정 지표를 시각화하여 현재 시장 분위기를 한눈에 파악할 수 있습니다.

주요 감정 변화와 흐름을 중심으로 투자 판단을 보조합니다.

메인페이지

4. 상세페이지

구독 전에는 제한된 감정 지표와 기본 정보만 제공하여 서비스 체험이 가능하도록 구성했습니다.

상세페이지-구독후

구독 후에는 감정점수 히스토리 그래프를 제공하여 보다 정교한 의사결정을 지원합니다.

상세페이지-구독 전

5. 커뮤니티페이지

사용자 간 투자 인사이트와 의견을 공유할 수 있는 공간입니다.

시장 이슈에 대한 다양한 관점을 통해 투자 판단의 참고 자료를 제공합니다.

커뮤니티1 커뮤니티2 커뮤니티3 커뮤니티4

6. 마이페이지

사용자 정보, 구독 상태, 관심 종목 등을 관리할 수 있는 개인화 페이지입니다.

개인 투자 성향에 맞춘 서비스 이용을 지원합니다.

마이페이지1 마이페이지2 마이페이지3 마이페이지4

구독 전 화면

마이페이지9

구독 후 화면

마이페이지5 마이페이지6 마이페이지7 마이페이지8

7. 공지사항페이지

서비스 업데이트, 기능 개선 사항, 운영 공지를 안내합니다.

사용자가 변경 사항을 쉽게 확인할 수 있도록 구성했습니다.

공지사항1 공지사항2

8. 고객센터페이지

서비스 이용 중 발생하는 문의 사항을 해결하기 위한 지원 페이지입니다.

FAQ 및 문의 기능을 통해 사용자 불편을 최소화합니다.

AA4AF195-30CD-4254-A590-8BD80389ED64 3899BD67-6830-4996-8C72-85606410347F

9. 회사소개페이지

센티스톡의 서비스와 개발 배경을 소개하는 페이지입니다.

감정 기반 투자 보조 서비스의 방향성과 가치를 전달하고, 백테스트와 모의투자 포트폴리오를 확인할 수 있습니다.

회사소개 포트폴리오






🛠️ 모바일 반응형

알림

모바일_알림

메인페이지

모바일_메인

상세페이지

모바일_상세

커뮤니티

모바일_커뮤니티

마이페이지

모바일_마이페이지



🌟 기대효과

  • 뉴스 기반 감정 지표의 실효성 검증

    백테스트 결과, 뉴스 감정 점수는 시장 참여자의 단기 심리 변화를 반영하는 유의미한 신호로 활용 가능함을 확인했습니다.

  • 직관적인 투자 판단 보조

    감정 데이터는 복잡한 재무 지표를 대체하기보다, 투자자가 시장 분위기를 직관적으로 인식할 수 있도록 돕는 보조 정보로 작동합니다.

  • 감정적 매매 완화 및 리스크 회피 지원

    감정 점수 변화와 수익 구간 도달 시점을 의사결정 트리거로 제공하여,

    투자 판단을 자동화하지 않으면서도 감정적 매매를 줄이고 손실 가능성이 높은 구간 회피를 지원합니다.

  • 확장 가능한 투자 보조 서비스

    SentiStock은 감정 데이터를 기반으로 한 투자 판단 보조 서비스로의 확장 가능성을 제시합니다.



💻 FE Tech

구분 기술/도구
Frontend v0, Next.js
상태 관리·비동기 Axios, React Router
API 연동 Kakao OAuth
CI/CD AWS S3, AWS CloudFront, GitHub Actions
디자인/개발 협업 Figma, Canva



👥 Convention

Branch Naming Convention 🪵

머릿말 설명
main 서비스 브랜치
develop 배포 전 작업 기준
feat 기능 단위 구현
hotfix 서비스 중 긴급 수정 건에 대한 처리

Commit Convention 🚥

머릿말 설명
feat 새로운 기능에 대한 커밋
fix 버그 수정에 대한 커밋
build 빌드 관련 파일 수정 / 모듈 설치 또는 삭제에 대한 커밋
chore 그 외 자잘한 수정에 대한 커밋
ci ci 관련 설정 수정에 대한 커밋
docs 문서 수정에 대한 커밋
style 코드 스타일 혹은 포맷 등에 관한 커밋
refactor 코드 리팩토링에 대한 커밋
test 테스트 코드 수정에 대한 커밋
perf 성능 개선에 대한 커밋
save 본인 저장용 커밋(리뷰 필요 x)
delete 삭제 내용



Stacks

Environment

Visual Studio Code Git Github

Config

npm

Development

JavaScript Next.js React

Communication

Slack Notion



👑 FE Developers 👑

유창민 조성민 정다연 최현서
FrontEnd FrontEnd FrontEnd FrontEnd

About

Sentistock 프론트엔드

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 97.5%
  • CSS 2.3%
  • JavaScript 0.2%