내배캠 (22.04~22.08)

인스타그램 클론 Team 프로젝트 - 2

yubi5050 2022. 5. 6. 14:08

1. 프로젝트 기간

2022.05.03 (화) ~ 2022.05.11 (수)

 

2. 팀 구성

김선민, 김민기, 박재현, 황신혜 

 

3. 프로젝트 진행 방식

 

4. 프로젝트 진행

4.1 Instgram 화면 조사 / 기능 구현 범위 정의

화면 화면 이름 기능 담당자
회원가입 필수기능
회원가입, 로그인
JWT 토큰 활용 세션 관리


추가기능
아이디/비밀번호 찾기,
SNS(Facebook 등) 이용 로그인
박재현
메인(피드)
페이지
필수기능
Feed 프로필(헤더) - 페이지 이동
Feed 본문 (사진, 글, 모달창)
Feed 댓글 조회/작성
Feed 좋아요 / 북마크 
Feed 옵션 모달

Feed 친구 추천 기능

추가기능
무한스크롤 페이지네이션
DM
김선민, 박재현
마이페이지 필수기능
포스트 Hover시 (좋아요/정보)
포스트 Click시 포스팅 모달 

추가 기능
팔로워/팔로잉 기능
프로필 편집 (이미지/정보 변경)
계정 설정
김민기
nav 헤더바 필수 기능 (아이콘 링킹)
홈, 마이페이지 (프로필, 로그아웃)
새 게시물 작성 (모달)

게시물 최근 활동 조회

추가 기능
유저 검색

황신혜
· · · · · · · · ·  

 

4.2 DB 설계도 작성

 

4.3 기능 세부 구현

  • 로그인페이지
    • 회원가입 : ID, PW, 성명 정보 받아서 몽고DB 저장 (json형식)
    • 로그인 : 몽고 DB 정보와 Validation 피드 페이지로 Redirect

 

  • 피드 페이지
    • Feed 페이지 설계 및 로그인 세션 정보 페이지, DB 연동 확인
    • (진행중) 게시물 헤더 (특정 유저 프로필화면 이동)
    • (진행중) 게시물 댓글 (댓글 조회/작성)
    • 게시물 좋아요 / 북마크
    • 게시물 친구 추천 기능
    • (진행중) 게시물 더보기 모달 ( ··· )

 

  • 마이페이지
    • 프로필 페이지 작성
    • (진행중) 팔로우, 팔로잉 기능 구현
    • (진행중) USER 테이블 조회 출력 (팔로우 수, 팔로잉 수)
    • (진행중) 포스트 출력 (FEED DB)
    • 포스트 Hover시 (좋아요/정보)
    • 포스트 Click시 포스팅 모달 

 

  • NAV
    • NAV Bar UI 구현
    • 아이콘 링킹 - 홈, 마이페이지 (프로필, 로그아웃)
    • (진행중) 아이콘 링킹 - 새 게시물 작성 (모달, FEED DB INSERT)
    • 아이콘 링킹 - 게시물 최근 활동 (FEED DB)

 

4.4 기능별 API 설계

  • https://chemical-child-2bc.notion.site/c1bcd82a87284af2a31417eb05f91bbe?v=af9524e1b4424fc1ab878849998a052d