Spartagram README.md

프로젝트 개요

개발기간

21.12.28(화) ~ 21.01.03(월)
7일간(기획 1일, 개발 6일)

전체일정 프로세스

1일차 : 프로젝트 기획(API설계, 와이어프레임작성), 기능 선정, 역할 분담, 기능별 html 제작
2일차 : 로그인 기능 구현, 게시물 작성 기능 구현, 튜터님 피드백, Git과 Github 사용
3일차 : 회원가입 기능 구현, 피드 기능 구현, 마이페이지 기능 구현
4일차 : 피드 기능 개선, 아이디 찾기 기능 구현, 댓글기능 구현
5일차 : 마이페이지 프로필 사진 기능 개선, 로그인·회원가입·마이페이지 css 구현
6일차 : 피드·포스팅 css 구현, 게시물 작성 기능 개선, EC2연결
7일차 : 댓글기능 개선, ID·Password css 구현, 에러해결, 서비스테스트, 영상제작

서비스 기능

1. 로그인 페이지

• 회원가입 시 암호화되어 저장된 비밀번호와 로그인 시 받은 비밀번호를 해시함수를 통해 인코딩하여 비교
• DB에 ID와 비밀번호가 일치하는 유저가 있으면 JWT 토근을 받아오는 인증방식으로 구성
• 로그인은 5시간동안 유지되도록 설정
• ID와 비밀번호가 일치하지 않으면 알람창 활성화

2. 회원가입 페이지

• ajax의 POST 방식으로 사용자가 회원가입 페이지에서 입력한 정보를 DB에 저장
• 중복확인 기능을 추가하여 DB에 저장된 아이디와 새로운 아이디를 비교하여 중복아이디일 시 알람창 활성화
• 회원가입 시 등록된 이름과 이메일을 데이터베이스에 등록한 정보와 비교하여 알람창으로 아이디를 제공함으로서 아이디 찾기 가능
• 회원가입 시 등록된 아이디와 이메일을 데이터베이스에 등록된 정보와 비교한 후 set연산자 기능을 활용하여 암호화 된 비밀번호 재설정 가능

3. 피드 페이지

• 게시물 작성 시 피드 페이지에서 노출
• 댓글 작성 시 각 게시물 하단에서 노출
• 페이지 우측 상단 로그아웃 버튼을 이용하여 로그아웃 가능
• Jinja로 html을 관리하여 공통적으로 적용되는 태그들의 반복 사용을 줄임
• jinja2 템플릿을 활용한 효율적인 통신방식 채택

4. 마이 페이지

• 프로필 URL 미설정 시 기본이미지로 설정
• 프로필 URL 설정 시 마이페이지 프로필 이미지와 게시물 작성 시 피드에 노출되는 프로필 이미지 변경
• 게시물 작성자의 ID와 사용자 ID가 일치하는 게시물만 마이페이지에서 노출되게 설정하여, 본인이 작성한 게시물만 마이페이지에서 노출
• 사용자가 작성한 게시물의 수 노출

5. 게시물 작성 페이지

• 게시물 작성 후 ajax POST 방식으로 정보를 DB에 저장
• 피드에 작성 시간 import time 으로 작성시간 부여

구현기능

• 로그인 기능
• 회원가입 및 회원정보 찾기 기능
• 피드에서 모아보기
• 댓글 저장 / 삭제 기능
• 마이페이지 기능
• 게시물 작성 기능

사용도구

• HTML, CSS
• Javascript - Ajax
• Python - pymongo, flask, jwt, datetime, requests
• AWS EC2
• GIT / GIT Hub

팀빌딩 및 역할

• 부트캠프 <스파르타 내일배움캠프> 참가자로 구성
• 비전공자 5인의 첫 팀프로젝트

개발자 (가나다순)

김준형 @highsky21c

✔ 로그인 페이지 담당
✔ 회원가입, 회원정보 찾기 기능 구현
✔ 페이지별 기능 오류 수정

김진주 @kimpearl3599

✔ CSS 구현
✔ 파비콘 & logo 이미지 제작
✔ GIT 사용 및 에러해결

박정훈 @ParkJeonghunn

✔ 게시물 페이지 담당
✔ 페이지별 기능 오류 수정
✔ AWS EC2 배포

윤정기 @lution88

✔ 피드 페이지 담당
✔ 페이지 별 기능 오류 수정
✔ DB 관리

⭐🌟💫✨🌞 전승현 / 위대하신 저희의 팀장님🚴‍♀️⭐🌟💫✨🌞 @kidcode

✔ Pants CEO 인줄 알았으나 Real CEO
✔ 마이 페이지 담당
✔ 페이지별 기능 오류 수정
✔ 댓글 기능 구현

Spartagram API 설계하기

워크플로우 차트

전체 와이어프레임