@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content
@PizzaPickle

PizzaPickle

Pickle(PB Click, PB 클났다)

시연영상 👉🏻 추후 업로드

📅 프로젝트 개요

💵 기간

2024.08.02 ~ 2024.09.11 - 기획 및 개발

💵 Pizza 팀원 소개

김가언김나현박찬란오수연윤재욱이원규

💵 기획 배경

최근, 자산 관리에 대한 관심이 급증하고 있습니다.
이에 따라, 고액 자산가뿐만 아니라, 중액 및 소액 자산가 역시 투자상담부터 상품선정투자진행성과관리 까지 도맡아 줄 자산운용가(PB)를 만나고 싶어합니다.

그러나, 현재 이러한 사설 자산 운용가(PB) 는 주로 고액 자산가 고객의 자산 관리에 집중하고 있기 때문에, 공개된 PB정보가 많지 않아 접근장벽이 높습니다.

이에 따라, 고액의 자산을 가지지 않았을 경우, 투자 상담을 위해 전화채팅을 통한 디지털 PB 서비스를 이용하게 됩니다.

저희는 현재 서비스처럼 온라인으로 상담을 받으면서도, 지금보다 더 고객과 PB, 양측 모두 지금보다 더 효율적인 Win-Win할 수 있는 서비스가 될 수는 없을까? 라는 고민을 했습니다.

다음과 같이,

  1. PB 프로필, 상담 예약, 실시간 상담을 통해 성향에 맞는 PB를 선택하고, 선택한 PB와 신뢰를 형성하며,
  2. PB는 마이데이터를 활용하여 상품 추천을 통해 고객을 유치하고,
  3. 고객은 맞춤형 투자 자문을 받아, 상품 투자까지 할 수 있는,

Pickle(PB Click, 피비 클났다)을 기획했습니다.

PB와 함께, 시간적, 공간적 제약없이 높은 수익률을 가져갈 수 있는 전략을 짜보세요!

💵 주요 기능

  • 고객

    • 회원가입/로그인
    • 마이데이터 가입 및 동의
    • 마이데이터 조회
    • PB 프로필 조회
    • 상담 요청서 작성
      • PB 선택
      • 날짜 선택
      • 마이데이터 중 첨부할 데이터 선택
      • 설문 및 요청사항 작성
    • 실시간 상담
      • 비디오 및 음성 공유
      • 채팅
    • 전략관리
    • 투자하기
  • PB

    • 회원가입/로그인
    • 상담 관리
      • 상담 수락
      • 상담 거절
    • 프리셋 관리
      • 그룹 관리
        • 그룹 생성 및 삭제
      • 프리셋 작성 및 삭제
    • 실시간 상담
      • 화면 공유
      • 비디오 및 음성 공유
      • 채팅
      • 전략 확정

💵 데이터 원천 및 활용

  • toss WTS 크롤링.
    프리셋 및 전략 구성을 위한 주식 종목 검색
  • 한국투자증권 openAPI 활용.
    주식 매매 및 포트폴리오 시세 조회를 위한 종목 시세 조회
  • 네이버 증권 데이터yahoo finance 활용.
    국내 및 해외 주식과 ETF를 백테스팅한 과거 투자 성과 조회

💡서비스 소개

Pickle(피클)

Pickle(피클)은, 비대면 투자 전략 컨설팅 플랫폼 서비스입니다.

(중액 및 소액 투자자)

  1. 마이데이터 가입에 동의합니다.
    (사전에 만들어놓은 데이터와 고객 정보를 연결시킵니다.)

  2. 메인페이지에서, 마이데이터를 확인할 수 있습니다. (은행, 증권, 부동산, 대출 등)

  3. PB 프로필을 보며, 자신의 성향과 맞는 PB를 선택하고, 상담받을 날짜를 지정한 뒤 요청서 작성을 클릭합니다.

  4. 요청서에는 마이데이터투자 요구사항을 작성합니다. 마이데이터는 모두 첨부하는 것이 아니라, 첨부할 의사가 있는 데이터만을 선택하여 전송합니다.

  5. 상담이 수락되면, 요청한 상담 일시에 실시간 상담룸에 입장하여 상담을 받고 PB가 사전에 만들어온 프리셋을 바탕으로 함께 전략을 만들어 나갑니다.

  6. 상담이 끝난 후, 전략을 바탕으로 투자하고 싶다면 투자하기 버튼을 눌러 일괄적으로 투자를 진행합니다.

(PB)

  1. 상담관리 페이지에서, 상담을 수락하거나 거절합니다.

  2. 수락한 상담에 대해서는, 고객이 요청한 정보들을 바탕으로 프리셋을 만듭니다.

  3. 고객이 요청했던 상담 일시가 되면, 실시간 상담룸에 입장하여 상담을 진행합니다. 이 때, 화면을 공유하여 프리셋을 바탕으로 전략을 함께 만듭니다.

  4. 고객이 만족하는, 전략이 완성된다면, 만들기 버튼을 눌러 고객에게 전략을 전송합니다.

*Pickle(피클)을 통해 투자 전략을 만들어보세요!

⚙️ 기술 스택

프론트엔드

ReactJavaScriptViteStyled Components

백엔드

메인 & 마이데이터 서버(Spring), 백테스팅(Python) 시세서버(Node.js), 상담서버(Node.js)로 구성

Spring BootSpring Cloud GatewayJWT

Python

NodeJSWebSocketWebRTC

인프라

MySQLRedisRabbitMQDockerNginxAWSGitHub Actions

협업툴

JiraFigmaNotionSlack

📂 ERD 및 시스템 아키텍처

ERDERD

시스템 아키텍처구조도

🖼 주요 화면

리팩토링 후 업로드 할 예정으로, 리팩토링은 https://github.com/sooyeon-kr/Pickle-Backendhttps://github.com/sooyeon-kr/Pickle-Frontend 에서 진행하고 있습니다.

컨벤션

📍 Git PR 컨벤션

PR 타입
-[] 기능 추가
-[] 기능 수정
-[] 기능 삭제
-[] 버그 수정
-[] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치
ex) feat/login -> dev

변경 사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다.

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.

📍 Git Commit 컨벤션

<컨벤션> : <설명>
컨벤션설명
feat새로운 기능과 관련된 것을 의미한다.
fix오류와 같은 것을 수정했을 때 사용한다.
docs문서와 관련하여 수정한 부분이 있을 때 사용한다.
style코드의 변화와 관련없는 포맷이나 세미콜론을 놓친 것과 같은 부분들을 의미한다.
refactor코드의 리팩토링을 의미한다.
testtest를 추가하거나 수정했을 때를 의미한다.
chorebuild와 관련된 부분, 패키지 매니저 설정 등 여러가지 production code와 무관한 부분 들을 의미한다. 말 그대로 자질구레한 일들이다.
add이미지 등의 정적 자원 추가를 의미한다.
init초기 설정 세팅을 의미한다.
rename파일 혹은 폴더 명을 수정하거나 옮기는 작업을 의미한다.

Popular repositories Loading

  1. Frontend FrontendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    JavaScript 1

  2. RealTimeConsultingServer RealTimeConsultingServerPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 화상 상담 서버

    JavaScript 1

  3. Back-Testing Back-TestingPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템의 백테스팅 서버

    Python 1

  4. Backend BackendPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템

    Java 1

  5. ProductPriceServer ProductPriceServerPublic

    상품의 실시간, 현재가 시세정보를 가져오는 서버

    JavaScript 1

  6. Mydata MydataPublic

    PizzaPickle - 고객과 PB를 연결시켜주는 온라인 화상 서비스 및 매매시스템 마이데이터 서버

    Java 1

Repositories

Showing 7 of 7 repositories

Top languages

Loading…

Most used topics

Loading…