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

1. 프로젝트 기간 

2022.05.03 (화) ~ 2022.05.11 (수)

 

2. 팀 구성

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

 

3. 프로젝트 진행 방식

• Figma 활용 구현 화면 관리 : 링크
• Git Issue 기반 프로젝트 관리 : https://github.com/SeonminKim1/lucky-seven/issues

 

4. 프로젝트 진행 일정

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

화면	화면 이름	기능
	회원가입	필수기능: 회원가입, 로그인 추가기능: 아이디/비밀번호 찾기, Facebook 로그인
	메인(피드) 페이지	필수기능: 포스팅 헤더(프로필) 게시물(포스팅 글) 조회 댓글 조회 및 작성 좋아요 , 더보기 모달 aside: 팔로워/팔로잉 추가기능: 북마크, 무한스크롤페이지네이션 DM, 검색기능
	마이페이지	필수기능: 호버: 포스트 위 마우스 좋아요 정보 포스트 클릭 시 해당 포스팅 띄우기 추가 기능 :  팔로워, 팔로잉 프로필 클릭시 이미지 변경 프로필 편집 계정 설정
	nav 헤더바	필수 기능 : 아이콘 링킹 - 홈 아이콘 링킹 - 새 게시물 작성 아이콘 링킹 - 게시물 활동 조회 아이콘 링킹 - 마이페이지(프로필) 아이콘 링킹 - 마이페이지(로그아웃) 추가 기능 : 유저 검색
· · ·	· · ·	· · ·
Figma 링크 :

 

4.2 DB 예시 설계도 작성 (2022.05.03 화 )

 

4.3 기능 세부 작성

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

 

• 피드 페이지
  • 게시물 조회 (DB 조회)
  • 게시물 헤더 (특정 유저 프로필화면 이동 => USER DB 로 이동)
  • 게시물 댓글 (Reply) - 댓글 게시 : db에 UPDATE (FEED에 REPLY 항목)
  • 게시물 좋아요 (DB UPDATE)
  • 게시물 더보기 모달 ( ··· )

 

• 마이페이지
  • USER 테이블 조회 출력 (팔로우 수, 팔로잉 수)
  • 포스트 출력 (FEED DB)
  • 마우스 호버: 포스트 위 좋아요
  • 포스트 클릭 시 해당 포스팅 띄우기

 

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

 

5. 추후 진행 일정

• Flask, Mongo DB JavaScript 공부
• 기능 구현 및 이슈 작성