🐈 1팀 프로젝트 🫶🏻

   _        ______                                  
 /' \      /\__  _\                                 
/\_, \     \/_/\ \/     __      __       ___ ___    
\/_/\ \       \ \ \   /'__`\  /'__`\   /' __` __`\  
   \ \ \       \ \ \ /\  __/ /\ \L\.\_ /\ \/\ \/\ \ 
    \ \_\       \ \_\\ \____\\ \__/.\_\\ \_\ \_\ \_\
     \/_/        \/_/ \/____/ \/__/\/_/ \/_/\/_/\/_/
/**
*                🍄 1 TEAM PROJECT
*            🛠️ View My Startup Service
*            ⏰ 2024.12.12 ~ 2025.01.08
**/

💻 View My Startup 바로가기 👉🏻 Click

목차

• Team Members
• Project Information
• 기술 스택
• 팀원별 구현 기능 상세
• 파일 구조
• 구현 홈페이지
• 회고록

Team Members

이름	개인 개발 보고서
구은모	노션 링크 바로가기
김세환	노션 링크 바로가기
김주영	노션 링크 바로가기
김희주	노션 링크 바로가기
조형민	노션 링크 바로가기

Project Information

스타트업 정보 확인 및 모의 투자 서비스

Title	스타트업 정보 확인 및 모의 투자 서비스
Description	최근에는 벤처 캐피탈에 비해 개인 투자자들의 스타트업에 대한 관심이 증가하고 있습니다. 하지만 스타트업에 관한 정보 접근성에는 여전히 큰 격차가 존재합니다. 이러한 상황을 개선하기 위해, 개인 투자자들이 스타트업을 선택하여 그들의 누적 투자 금액, 매출액 등을 확인하고 비교할 수 있는 모의 투자 서비스를 제작합니다.
Project Link	Git Url : View My Startup

기술 스택

Frontend	Backend	Database	협업툴
- JavaScript - React.js - scss - Netlify(배포)	- Express.js - Node.js - JavaScript - Render(배포)	- postgreSQL - prisma(ORM)	- Git & Github - Discord - Notion

팀원별 구현 기능 상세

구은모 - 기업 상세 정보 조회 바로가기

김세환 - 공통 모듈 바로가기

김주영 - 기업 상세 정보 조회 바로가기

김희주 - 비교현황 바로가기

조형민 - 나의 기업 비교/결과 바로가기

---

🍄 구은모

기업 상세 정보 조회

1. 프론트엔드
   1. 검색창 및 데이터 전송
   2. 정렬 버튼(custom dropdown)
   3. 페이지네이션
2. 백엔드
   1. 기업 전체 목록 조회 API
      1. 검색 키워드, 정렬, 페이징

---

🍄 김세환

공통 모듈

1. 페이지네이션
2. 정렬 버튼(custom dropdown)
3. [팝업 모달]기업에 투자하기(생성, 수정, 삭제)
   1. 프론트엔드
      1. form - validation
         1. 생성/수정 모드
   2. 백엔드
      1. 특정 기업에 투자 생성 API
      2. 투자 수정 API
      3. 투자 삭제 API

---

🍄 김주영

기업 상세 정보 조회

1. 프론트엔드
   1. [팝업 모달]기업에 투자하기
   2. View My Startup에서 받은 투자 목록
      1. 수정/삭제 버튼(custom dropdown)
         1. 수정: [팝업 모달]기업에 투자하기
         2. 삭제: [팝업 모달]삭제 권한(비밀번호) 확인
            1. [팝업 모달]삭제 실패
      2. 페이지네이션
2. 백엔드
   1. 기업 정보 조회 API
      1. 해당 기업 투자 현황 조회 연결

---

🍄 김희주

비교현황

1. 프론트엔드
   1. 정렬 버튼(custom dropdown)
   2. 페이지네이션
2. 백엔드
   1. 기업 선택 횟수를 반영한 기업 목록 조회 API
      1. 정렬, 페이징

---

🍄 조형민

나의 기업 비교 바로가기

1. 프론트엔드
   1. [팝업 모달] 나의 기업 선택하기
      1. 검색창 및 데이터 전송
      2. 기업 선택 횟수 누적
      3. 페이지네이션
   2. [팝업 모달] 비교 기업 선택하기(복수)
      1. 검색창 및 데이터 전송
      2. 기업 선택 횟수 누적
      3. 페이지네이션
   3. [팝업 모달]기업에 투자하기
   4. 정렬 버튼(custom dropdown)
2. 백엔드
   1. 최근 선택 기업 목록 조회 API
   2. 전체 기업 목록 조회 API
      1. 검색, 페이징
   3. 기업 선택 횟수 누적 저장 API
   4. 비교 대상 기업들과의 비교 결과 조회 API
      1. 정렬
   5. 나의 기업과 근접한 순위의 기업 목록 조회 API
      1. 정렬

파일 구조

🍄 프론트엔드 폴더 구조

 📦 ViewMyStartup-FE
 ┣ 📂 public
 ┃  ┣ 📜 favicon.ico
 ┃  ┣ 📜 index.html
 ┃  ┗ 📜 reset.css
 ┣ 📂 src
 ┃  ┣ 📂 api
 ┃  ┣ 📂 assets
 ┃  ┣ 📂 components  
 ┃  ┣ 📂 db
 ┃  ┣ 📂 hooks
 ┃  ┣ 📂 pages
 ┃  ┣ 📂 utils
 ┃  ┣ 📜 App.js
 ┃  ┣ 📜 index.js 
 ┃  ┗ 📜 index.css
 ┣ 📜 .eslintrc.js
 ┣ 📜 .gitignore
 ┣ 📜 .zshrc 
 ┣ 📜 package-lock.json
 ┣ 📜 package.json
 ┗ 📜 README.md

🍄 백엔드 폴더 구조

📦 ViewMyStartup-BE
 ┣ 📂 node_modules
 ┣ 📂 prisma 
 ┣ 📂 src
 ┃  ┣ 📂 controllers
 ┃  ┃  ┣ 📜 asyncHandler.js
 ┃  ┃  ┣ 📜 convertToBigIntFromObjArray.js
 ┃  ┃  ┗ 📜 convertToBigIntFromObject.js
 ┃  ┣ 📂 data
 ┃  ┣ 📂 http
 ┃  ┗ 📂 routes
 ┃     ┗ 📜 ...endpoint files
 ┣ 📜 .env
 ┣ 📜 .gitignore
 ┣ 📜 package-lock.json
 ┣ 📜 package.json
 ┣ 📜 server.js
 ┣ 📜 structs.js
 ┗ 📜 README.md

구현 홈페이지

💻 View My Startup 바로가기 👉🏻 Click

• https://view-my-startup.netlify.app/

프로젝트 회고록

1 Team 회고록 바로가기