10조 김삼이일 KTLO
Instagram 클론 코딩 ( 백엔드 프로젝트 ) S.A
Concept : Car
Name: Carstagram (subtitle: (dark-mode) CarJinO)
1.프로젝트 설명
개인 프로젝트 인스타그램 Desktop UI 클론 코딩을 기반으로 인스타그램의 주요 백엔드 기능들을 구현
2. 프로젝트 목표
인스타그램을 Flask로 구현해본다.
필수 포함기능들을 역할분담을 통해 구현해본다.
Git을 활용해서 협업의 능률을 올린다.
정해진 기간안에 프로젝트를 제출한다.
3.필수 포함사항 체크
DB 연동하는 기능은 기본 CRUD 포함
회원가입, 로그인, 로그아웃 기능 (JWT Jason Web Token 사용 (질문사항)) - 입력 데이터는 인스타 페이지 참고한다.
마이페이지 게시물, 게시물 활동
피드관련 사진 업로드 기능, 댓글, 좋아요, 더보기 모달 기능
Follower / Following 기능
3-1.추가 기능 구현 사항 (선택)
프로필 편집 기능
북마크 기능
게시글, Feed 부분 화면 스크롤 끝까지 내렸을때 추가 피드 불러오는 페이지네이션 기능 (무한스크롤)
DM기능
검색(해시태그,user)기능
3-2. Concept 프론트엔드 개발 와이어프레임
인스타그램 페이지 메인
메인컨셉 : 자동차를 좋아하는 사람을 위한 세련된 자동차 SNS 페이지
색상 : 검은색, 흰색, 회색
폰트 : Noto Sans Korean
로고폰트 : 추억은 잠들지 않는다체
사진 : 자동차 관련
회원가입 페이지, 로그인 페이지
3-3. 백엔드 개발 (API)
(필수)회원가입 - 이름, email, 비밀번호 성별 post
(필수)로그인, 로그아웃 기능
(필수)정보 DB로 연동
(필수)메인페이지 게시글 및 사진 업로드
(필수)메인페이지 팔로우/ 팔로잉 버튼 기능
(필수)메인페이지 게시글 댓글, 좋아요(클릭시 좋아요 수 UP)
(필수)메인페이지 더보기 모달 기능 ( 복수 모달 )
(필수)메인페이지 게시글 추가 기능
(필수)my페이지 게시물 업로드
(필수)my페이지 팔로워, 팔로잉 숫자 오르고 내리는 기능
(필수)my페이지 모달 기능
(선택)my페이지 프로필 편집 기능
(선택)검색창 기능
(선택)메인페이지 북마크기능
(선택)DM기능
(선택)로그인 카카오톡or페이스북 연동
4. 역할 분담
메인페이지 및 프로필페이지 프론트엔드 다지기:
김규민, 이동현
회원가입, 로그인 페이지 프론트엔드 및 기능 추가 :
김민재, 김진수
서버API , 각종 기능 서버와 연결 :
김규민, 이동현, 김진수, 김민재 ( 같이 협력해서 하는방향 )
메인페이지 기능 :
김규민, 이동현
my페이지 기능 :
김진수, 김민재
5. 작업 오류 검토
Github : issues에 오류, 버그난 사항들을 기입하고 함께 공유해서 해결 (코멘트, 실시간 화면공유 )
6. 추가 기능 구현에 대한 재 검토 및 역할 재분배
기본 필수 사항들이 예정된 제출 기간보다 일찍 끝났을 경우 재 검토 및 재분배 후 추가 작업 진행
7. 작업 일정 및 순서
Github에 레파지토리 생성후 연결상태 확인 ( Push Pull 팀원 전체 확인후 파일 폴더명 통일)
맡은 역할에 관한 자료들 공부 ( 구글링, 튜터님 도움, 유튜브 영상, 웹종반 강의 참고 )
5/3 : 기획 및 목업 자료 공부
5/4 : 3일날 했던 공부 바탕으로 각자 맡은 파트의 틀 잡기
5/5 : 잡은 틀을 토대로 중간 점검 및 수정사항 수정 (기능 test)
5/6 : 필수기능에대한 구현
5/7 : 진행 상황에 따른 추가적인 기능 or 부족한 필수 기능 구현
5/8 : 진행 상황에 따른 추가적인 기능 or 부족한 필수 기능 구현
5/9 : 기능 오류 수정
5/10 : 최종 점검 및 발표 준비
와이어프레임 사진
개발해야 하는 기능 및 DB 구조 설계 (API 설계)
https://quixotic-wok-871.notion.site/API-047678c2cf7d4389899ff9d23bf350e1
백엔드 개발 API
A new tool for teams & individuals that blends everyday work apps into one.
quixotic-wok-871.notion.site
DB 구축 version 1.0
https://app.diagrams.net/#HDHL68%2FCarstagram%2Fmain%2FUntitled%20Diagram.drawio
Flowchart Maker & Online Diagram Software
Flowchart Maker and Online Diagram Software diagrams.net (formerly draw.io) is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPM
app.diagrams.net
이상 김삼이일의 SA를 읽어주셔서 감사합니다^^
'스파르타 내일배움캠프' 카테고리의 다른 글
| TIL12 회원가입 페이지 UI 만들기 (0) | 2022.05.05 |
|---|---|
| TIL11 UI 클론 코딩을 베이스로 백엔드 프로젝트 1일차 (0) | 2022.05.03 |
| KPT UI 클론코딩 (2) | 2022.05.02 |
| TIL10 UI 클론 코딩 플젝 3일차 (인스타 UI 모티브) (2) | 2022.05.02 |
| WIL 2 (0) | 2022.05.02 |
