FinUp (주식 경제 공부 플랫폼)

천재IT교육센터 Java 풀스택 과정 12기 3차 팀 프로젝트 gif 자료

회원가입/로그인

이메일 기반 회원가입이 가능합니다.

• 회원가입 시도 시 등록한 메일로 인증코드를 전송할 수 있습니다.
• 가입 시 비밀번호 유효성 검사를 하게끔 설계했습니다.

• 인증 메일 전송 : 스프링 부트 메일 라이브러리

• 인증 코드 검증 : 코드 발송

        → Redis 인메모리 데이터베이스에 저장 
        → 저장된 Redis Key 기반 인증 번호 유효 및 만료여부를 판단

1. 인증 코드 전송 및 확인

1-1. 발송된 인증코드

2. 비밀번호 유효성 검사

3. 로그인

회원 정보 관련

개인 정보 수정 회원은 가입 후 프로필 사진, 닉네임, 비밀번호를 수정할 수 있습니다.

• 비밀번호는 유효성 검사를 통해 올바른 규칙의 비밀번호를 입력하게끔 설정했습니다.
• 이미지 업로드를 통해 프로필 사진을 변경할 수 있고, 닉네임 역시 새로 설정 가능합니다.

• 프로필 변경

• 비밀번호 변경 시 유효성 검사

홈 페이지

1. 개념 학습

수준 테스트

현재 사용자의 금융 지식 상식을 확인해볼 수 있는 퀴즈를 풀 수 있습니다.

• 후보 단어 중 임의로 선별하여 본인의 금융 지식 수준을 판단할 수 있습니다.
• 테스트를 마친 후 수준에 맞는 콘텐츠를 학습할 수 있습니다.

• 퀴즈 데이터 : 시사경제용어사전 용어

• 퀴즈 문제 및 보기 : 후보 중에서 AI 기반 선별

1. 수준 테스트

2. 개념 학습 (개념 정리) 페이지

3. 개념 학습 진척도 반영

뉴스 학습

1. 뉴스 목록

투자 학습에 적절한 최신 뉴스 목록을 제공합니다.

• 뉴스는 작성일 기준 최신 순으로 최대 2주까지의 기사가 제공됩니다. (무한 스크롤)
• 뉴스 검색 결과 중, 내용이 유사하거나 학습에 적절하지 않은 기사는 필터하였습니다.

• 목록 제공 : 네이버 뉴스 API

• 필터 기준 : 기사 제목과 본문을 n-gram 토큰화

    → jaccard, dice score 계산             
    → 일정 이상의 유사도를 보이면 필터 

2. 뉴스 본문

목록에서 원하는 뉴스를 클릭하여 뉴스 본문을 볼 수 있습니다. 뉴스를 클릭하면 다음과 같은 정보가 제공됩니다.

• 뉴스 제목, 썸네일 이미지 : 네이버 뉴스 API 제공
• 언론사, 뉴스 본문 : 네이버 뉴스 API 에서는 뉴스 본문과 언론사 정보 미제공

           → API 제공 뉴스링크 기반 원본 기사에서 크롤링 후 제공

• AI 분석 : 현재 뉴스내용에 맞는 초보자에게 유용한 기사 분석 제공
• AI 키워드 : 기사와 관련 있는 추천 경제 용어 제공 (RAG 추천 기반 시사경제용어사전 용어 중 선별하여 제공)

1. 뉴스 단어 재추천 및 단어 바로가기

2. 그 외 재추천 항목들

3. 뉴스 원문 바로가기

4. 뉴스 탭 진입 후 뉴스 살펴보기

5. 뉴스 무한 스크롤 구현

종목 학습

1. 종목 목록

실제 거래되는 국내 주식 종목 기반 투자 학습 정보를 제공합니다.

• 정보 제공 : KIS(한국투자증권) API
• 제공 목록 : 시가총액 순, 거래대금 순으로 각각 상위 30개 종목

• 종목 학습 탭, 시가총액 거래대금 순위 확인

2-1. 차트 현재 종목에 대한 100개의 캔들로 이루어진 차트를 제공합니다. 시가, 고가, 저가, 종가, 거래량, 5일/20일 평균선 정보를 제공합니다.

• 제공 차트 : 일봉, 주봉, 월봉
• AI 분석 : 현재 차트 기반 종합적, 추세, 리스크, 거래량 분석 정보

2-2. 상세 현재 종목의 상세 지표 및 분석 정보를 확인할 수 있습니다.

• 지표 설명
• 여러 관점에서의 AI 분석
• 추천 영상 : 종목명으로 유튜브 검색 API > 검색된 영상 후보를 AI 선별 후 제공하는 RAG 추천으로 제공

2-3. 뉴스

• 현재 종목에 특화된 종목과 연계하여 학습하기 적절한 뉴스 목록을 제공합니다. 제공 방식은 상단의 "뉴스 본문" 과 동일합니다.

단어 학습 (개념 테스트 전용 단어들)

학습자가 궁금한 경제 용어를 검색하고 학습할 수 있습니다. 제공되는 단어 기반은 모두 시사경제용어사전 용어를 이용했습니다.

1. 단어장 홈 단어 학습 전반에 도움이 될 기능을 제공합니다. 구체적으론 아래 기능들이 제공됩니다.

1. 과거 검색어 목록
   • Redis List 자료형에 저장하여, 최근 20개의 검색어 목록을 빠르게 제공
2. 오늘의 단어 및 퀴즈
3. 단어 검색 바

2. 단어 검색 검색한 단어 키워드와 연관성이 높은 검색 결과를 제공합니다. (벡터 유사도 기반) 최대 20개의 검색 결과를 제공합니다.

3. 단어 상세 검색된 단어를 클릭하면, 단어 상세 뜻 확인 및 단어장 저장 기능이 제공됩니다. "뉴스 상세" 에서 제공되는 뉴스 키워드를 클릭 시에도 확인 가능합니다.

• 단어장 퀴즈 기능

• 내 단어장 기능

• 내 단어장에 단어 저장하기

• 단어 검색 기능 (벡터 연산을 통한 상위 20개 단어 출력 및 최근 검색어 저장)

• 기획재정부 시사경제용어사전 링크 (추가 학습에 용이하도록 설계)

관리자 기능

회원 목록

관리자 화면에서 회원 목록을 별도로 조회할 수 있는 화면입니다.

• 개인정보 보호를 위한 마스킹 기능을 적용했습니다.
• pdf, xlsx 확장자 형식의 회원 전체 목록을 다운로드 받을 수 있습니다.

• 회원 목록 일부 글자 마스킹 기능

• 회원 목록 pdf, xlsx 파일 다운로드

공지사항

홈화면에서 사용자에게 최근 3개의 공지사항을 표시합니다.

• 관리자는 별도로 공지사항을 등록/수정할 수 있습니다.
• 관리자 메뉴에서 공지사항 게시글 검색이 가능하며, 조회가 가능합니다.

• 공지사항 검색

• 공지사항 등록

개념 학습 관리

개념 학습에서 회원이 학습할 수 있는 파트를 관리하는 화면입니다.

• 관리자가 별도로 개념 학습 파트 조회 및 수정이 가능합니다.
• 마찬가지로 규칙에 따른 유효성 검사 기능이 있습니다.

• 항목 조회 및 편집 기능

단어 관리 (개념 학습 파트, 관리자 전용)

개념 학습에서 별도로 사용되는 단어를 등록할 수 있습니다.

• 마찬가지로 단어 규칙에 따라 유효성 검사를 통해 수정, 등록이 가능하게끔 했습니다.
• 이미지 썸네일을 등록할 수 있습니다.
• 등록 시간순 등 3가지 조건을 통해 단어 정렬이 가능합니다.

• 단어 조회 및 등록 유효성 검사

• 단어 정렬 기능

유튜브 영상 관리(개념 학습 파트)

개념 학습 파트에서 볼 수 있는 추천 영상들을 등록할 수 있습니다.

• 유튜브 영상 목록 정렬 기능이 제공됩니다.
• 관리자 화면 내에서 등록된 유튜브 영상 중 별도 검색이 가능합니다.
• 영상 등록 시 올바른 링크가 등록되도록 유효성 검사 조건을 설계했습니다.

• 유튜브 영상 목록 정렬 기능

• 유튜브 영상 검색 기능

• 유튜브 영상 등록 및 유효성 검사, 삭제

그 외

AI 항목 재추천 기능

AI 분석, 추천 항목들은 재추천 버튼을 클릭하면 다시 AI 분석을 통한 재추천 조회 결과가 제공됩니다.

• 뉴스 해설 AI 재추천 등

• AI 학습 단어 추천 등

기타

노션 소개 페이지(예정) 백엔드 깃허브 프론트엔드 깃허브

Ver 0.2 - 2026.02.02.

StudyOn (스터디온)

천재IT교육센터 Java 풀스택 과정 12기 2차 팀 프로젝트 gif 자료

Spring Boot + JSP 기반 프로젝트

자바 스프링 부트 프레임워크 심화학습을 위해 이 프로젝트를 진행했습니다.

회원가입

이메일 기반 회원 가입이 가능합니다. 회원가입 시 이메일 인증 후 쉽게 가입이 가능합니다.

• 이메일 인증 메일 전송 : 스프링 부트 메일 라이브러리

• 로그인 : 스프링 시큐리티, OAuth2 (소셜 로그인)

강사 기능

1. 강사 강의 등록 기본 폼

강사가 본인의 강의를 등록할 수 있도록 설계했습니다.

• 외부 에디터를 적용하여 사용성 개선, 업로드 편의성을 고려했습니다.

• 강의의 기본 정보를 입력할 수 있습니다.

2. 강의 등록 시 난이도 및 세부 설정

강의의 세부 정보 등을 설정할 수 있는 화면입니다.

• 강사의 정보 등록 편의성을 위해 NginX를 이용하여 실시간 파일 업로드 기능을 구현했습니다.

• 강의별 썸네일, 난이도, 강의 영상 업로드 등을 설정할 수 있습니다.

3. 강사 관리 (내 강의평 등등 조회)

강사 본인의 설정 화면에서 정보 수정, 강의 수정, 내 강의평 조회 등이 가능하도록 설계했습니다.

• 본인이 조회를 원하는 강의별로 필터링이 가능합니다.

• 강의 중 학생 사용자로부터 남겨진 Q&A 등의 정보를 확인할 수 있습니다.

회원 기능

1. 챗봇 기능

채팅/챗봇 기능을 통해 원하는 강의 내용 및 문의 사항을 입력할 수 있고, 관련 정보들을 즉시 답변을 통해 확인 가능합니다.

• OpenAI API + Spring WebSocket 기능을 이용하여 사용자가 궁금한 점이 있을 때 우선 OpenAI API를 통해 RAG 시스템을 거친 답변이 생성되고, 자세한 답변은 관리자가 답변할 수 있게끔 설계, 구현했습니다.

2. 강의 검색 기능

사용자가 검색 기능 이용 시 원하는 강의를 쉽고 편리하게 찾을 수 있습니다.

• 검색 및 강의 필터링이 가능합니다.

• 과목, 난이도 등 상세 검색 조건을 설정하여, 탐색 편의성을 높였습니다.

3. 강의 상세 조회 및 강의 구매 화면

강의를 상세 조회할 수 있고, 실제 결제 시스템을 통해 수강신청이 가능하게끔 설계했습니다.

• PortOne 결제 API를 이용하여, 익숙한 결제 서비스를 이용할 수 있도록 결제 편의성을 향상시켰습니다.

4. 강의 구매 후 시청 화면

강의 구매 후 강의 시청 등 관련 서비스를 이용할 수 있습니다. 결제 후 즉시 강의 시청이 가능하게끔 하여 강의 접근 용이성을 향상시켰습니다.

5. Q&A 남기기

사용자가 강의 시청 수강 중 궁금한 점이 있을 때 곧바로 질문을 등록할 수 있도록 하여 편의성을 높였습니다.

6. 선생님 목록 및 선생님 상세 조회

별도의 선생님(강사) 목록 및 상세 프로필 페이지를 구현하여, 선생님의 정보를 쉽게 파악할 수 있도록 구현했습니다.

• 과목별로 선생님들의 정보를 조회할 수 있습니다.

• 선생님 UI를 클릭하면 곧바로 상세 프로필 페이지로 접근이 가능하며, 등록 강의 및 수강평을 확인할 수 있습니다.

관리자 기능

사이트 관리에 필요한 정보들을 관리자가 쉽게 조회 및 관리할 수 있도록 설계했습니다.

1. 회원 관리

회원 목록을 한번에 조회할 수 있고 회원 활성화 여부 등 조회 및 설정이 가능합니다.

• 회원별로 활성화 여부를 확인할 수 있고, 활성화 여부를 선택, 설정할 수 있습니다.

강의 관리

홈 화면에 표시되는 강의를 관리할 수 있습니다.

• 강의별 대기 상태, 반려, 등록 완료 여부를 조회할 수 있습니다.

• 강의 등록 대기, 등록 반려, 등록 완료 여부를 설정하여 실제 강의 수강이 이루어지게끔, 홈 화면에 보여지게끔 설정할 수 있습니다.

채팅 및 배너 관리

앞서 소개했던 채팅 목록 관리, 실제로 홈 화면에서 보여지는 공지사항 배너들을 조회할 수 있습니다.

1. 채팅 관리

• 관리자 권한으로 채팅 목록 조회 및 관리가 가능합니다.

• 별도 문의사항이 있을 경우 관리자가 실제로 답변이 가능합니다.

  2. 배너 관리

• 실제 홈 화면에 표시되는 공지사항 등을 이미지 배너를 통해 설정 가능합니다.

• 배너별 표시/미표시 여부를 설정할 수 있습니다.

결제 관리

회원별로 결제했던 기록을 실제로 조회할 수 있습니다.

• 결제 기록 검색 및 필터링이 가능합니다.
• 관리자는 요청에 따라 결제 환불 여부, 환불 사유 등을 등록, 처리할 수 있습니다.

그 외

사이트 배너

사이트 배너 및 플로팅 팝업창을 띄울 수 있는 기능을 제공합니다. 위에서 확인 가능한 관리자 배너 관리 페이지에서 설정이 가능합니다.

기타

노션 소개 페이지

깃허브 링크

Ver 0.3 - 2026.02.01.