코드잇 풀스택 2기 초급 프로젝트 (1팀): View My Startup

# 2기-View-My-Startup-PART-2-1팀 코드잇 풀스택 2기 초급 프로젝트 (1팀): View My Startup . 노션 (Notion): . (feature & schema) 스타일 가이드 참고: . Commit message Convention 참고: [Git] 커밋 메시지 컨벤션(스타일) 가이드 / Commit message Convention(style) guideUdacity Git Commit Message Style Guide. React.js Naming Convention: React JS - Naming convention[React] React 코딩 컨벤션 정리. ## 팀원 구성 김영은 https://github.com/Maybeiley 김재원 https://github.com/galaxy-78 김태영 https://github.com/csbizz 이강수 https://github.com/kipid ## PH

• 2024-09-24 : First posting.

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

전체 기업 리스트 조회 View My Startup에 등록된 모든 스타트업 목록 조회가 가능합니다. 기업명, 기업 소개, 카테고리, 누적 투자 금액, 매출액, 고용 인원이 조회됩니다. 페이지네이션, 기업명 검색 기능, 누적 투자 금액, 매출액, 고용 인원 별 오름차순/내림차순 정렬을 제공합니다. 스타트업 정보 상세

전체 스타트업 목록 페이지에서 각 기업을 클릭할 경우, 스타트업 정보 상세 조회가 가능합니다. 기업명, 카테고리, 누적 투자 금액, 매출액, 고용 인원, 기업 소개, View My Startup에서 받은 투자(=가상투자) 정보 조회가 가능합니다. View My Startup에서 받은 투자(=가상투자) 정보는 투자 이름, 투자 금액, 투자 코멘트가 조회됩니다. #### [비교]

비교할 기업 선택 내 기업 및 비교 대상 기업(최대 5개)를 선택합니다. 내 기업 선택 시, 페이지네이션, 기업명 검색 기능, 최근 선택된 기업 조회(최대 5개)를 제공합니다. 또한 선택 횟수가 누적됩니다. 비교 대상 기업 선택 시, 최대 5개까지 가능하며, 페이지네이션, 기업명 검색 기능, 선택한 기업 목록을 제공을 제공하고, 선택 횟수가 누적됩니다. 선택 완료 버튼을 클릭해야 선택이 완료되며 1개 이상 5개 이하일 경우에만 활성화됩니다. 선택 취소 및 전체 선택 초기화 기능을 제공합니다. 기업 비교 결과 확인

내 기업과 비교 대상 기업들 비교 결과 조회 가능합니다. 기업명, 기업 소개, 카테고리, 누적 투자 금액, 매출액, 고용 인원이 조회됩니다. 누적 투자 금액, 매출액, 고용 인원 별 오름차순/내림차순 정렬을 제공합니다. 내 기업 순위 확인 내 기업으로 선택한 기업의 매출액, 고용 인원 별 오름차순/내림차순 기준 순위 조회가 가능합니다. 기업명, 기업 소개, 카테고리, 누적 투자 금액, 매출액, 고용 인원이 조회됩니다. 내 기업의 순위와 근접한 위 2개, 아래 2개 기업의 기업명, 기업 소개, 카테고리, 누적 투자 금액, 매출액, 고용 인원이 조회됩니다. 다만 내 기업의 순위가 중간 순위가 아닐(ex. 2위) 경우 내 기업 포함해서 5개의 기업이 조회됩니다. #### 비교 현황 조회

각 기업이 선택된 횟수 현황을 조회할 수 있습니다. 기업명, 기업 소개, 카테고리, 나의 기업 선택 횟수, 비교 기업 선택 횟수가 조회됩니다. 페이지네이션 기능, 각 기업별 나의 기업 선택 횟수, 비교 기업 선택 횟수 별 오름차순/내림차순 정렬을 제공합니다.

#### [투자]

내 기업에 가상 투자하기 비교 결과 조회 페이지에서 내 기업에 가상 투자하기 버튼을 클릭해 가상 투자 가능합니다. 투자 기업 정보, 투자자 이름, 투자 금액, 투자 코멘트, 비밀번호, 비밀번호 확인을 입력해 가상 투자합니다. 투자한 정보는 해당 기업의 상세페이지에서 조회 가능합니다.

특정 기업에 가상 투자하기 기업 상세 페이지에서 기업 투자하기 버튼을 클릭해 해당 기업에 가상 투자 가능합니다. 투자 기업 정보, 투자자 이름, 투자 금액, 투자 코멘트, 비밀번호, 비밀번호 확인을 입력해 가상 투자합니다. 투자한 정보는 해당 기업의 상세페이지에서 조회 가능합니다.

가상 투자 정보 수정 기업 상세페이지에서 가상 투자 정보 수정이 가능합니다. 비밀번호를 입력하여 가상 투자 시 입력했던 비밀번호와 일치할 경우, 가상 투자 수정이 가능합니다.

가상 투자 삭제 기업 상세 페이지에서 가상 투자 정보 삭제가 가능합니다. 비밀번호를 입력하여 가상 투자 시 입력했던 비밀번호와 일치할 경우, 가상 투자 삭제가 가능합니다.

전체 기업의 투자 현황 조회 투자 현황 페이지에서 가상 투자 및 실제 투자 금액 조회가 가능합니다. 순위, 기업명, 기업 소개, 카테고리, View My Startup 에서 받은 투자 금액, 실제 누적 투자 금액이 조회됩니다. 페이지네이션, View My Startup 에서 받은 투자 금액, 실제 누적 투자 금액 별 오름차순/내림차순 정렬을 제공합니다.

## 디자인 시안: Figma Figma 확인하러 가기: [스프린터 공유용] View My Startup ## 페이지 및 유저 플로우: Figma 페이지 및 유저 플로우 Figma: 페이지 플로우 및 유저 플로우 확인하러 가기 ## 참고 프로젝트 진행 시 참고하며 진행해 주세요. ### API 명세서 아래는 ‘View My Startup’ 프로젝트의 API 명세의 하나의 예시입니다.

### 데이터 모델 아래는 ‘View My Startup’ 프로젝트의 데이터 모델의 하나의 예시입니다.

엔티티(테이블): 약 3개 (Startup, MockInvestor, Category 등) 관계(cardinality): 일대다 관계 약 2개 ### 아키텍처 다이어그램 아래는 ‘View My Startup’ 프로젝트의 아키텍처의 하나의 예시입니다. 아키텍처

- Netlify 로 프론트엔드 애플리케이션 배포, Render 로 백엔드 애플리케이션 배포를 진행합니다. ## RRA

1. www.notion.so :: 코드잇 풀스택 2기 초급 프로젝트 (1팀): View My Startup
2. 풀스택 초급 프로젝트 가이드 - 코드잇, 2024-09-24
3. 풀스택 초급 프로젝트 주제 안내, 2024-09-24
   // 공부의 숲
   // View My Startup (Figma)
   
4. Google JavaScript Style Guide
5. Airbnb JavaScript Style Guide