📒 플랜잇(PLAN IT)

👨‍👨‍👧‍👧 Members

• 정승훈 shoon2430

• 박민재 parkmm14

• 이명호 2myungho

• 이은송 eunsongsong

프로젝트 기능별 서비스 Repository

• 플랜잇

  • Front-end
  • Auth-Service
  • Account-Service
  • Todo-Service
  • Group-Service
  • Point-Service

📝 Document

• 프로젝트 관리

• Link 클릭시 프로젝트 Wiki 페이지로 이동한다.

• 일일 작업 내용, JIRA 작업 관련 내용을 확인할 수 있다.

📖 아키텍처 설계 및 프로젝트 구조

1) 아키텍처 설계

2) 프론트엔드 서비스 구조

3) 백엔드 서비스 구조

0. 실행 방법

• AWS EC2 서버에 Docker을 설치해서 활용했습니다.
• Docker Compose를 사용해 각각의 기능 서비스를 컨테이너에 나누어 MSA 방식으로 배포했습니다.
  • http://myplanit.co.kr/
  • 요금 발생으로 EC2 인스턴스가 중지되어 있습니다.

1. 프로젝트 소개

• 플랜잇 서비스를 통해 사람들이 계획을 공유하여 동기부여와 능률을 향상시키고, 계획을 세우는 것 자체가 어려운 경우 다른 사람의 계획을 통해 정보를 얻을 수도 있습니다.
• 위 목표를 바탕으로 사람들과 계획으로 소통하는 SNS Todo 서비스를 기획하게 되었습니다. 💬

2. 사용 기술 및 개발 계획 📌

1) 사용 기술

기능 구현

• Java
• Spring Boot
• Javasctipt
• React.js
• MSA

데이터베이스

• MariaDB

클라우드 기능

• AWS EC2 + Docker
• AWS S3

에디터

• Visual Studio
• IntelliJ

기타

• PuttTTy

2) 개발 계획

• 1차 진행 기간 : 2020.09.19 ~ 2020.09.24
  • 프로젝트 기획 및 팀 구성
  • SNS 성향을 가진 Todo 서비스를 만들기로 확정
• 2차 진행 기간 : 2020.09.24 ~ 2020.11.14
  • Todo, Group, Account, Auth 서비스 완료
  • 팀별 중간 점검
• 3차 진행 기간 : 2020.11.14 ~ 2020.12.04
  • 아직 완료되지 못한 핵심기능 및 Point 서비스 개발
  • 최종 점검
• 프로젝트 목표
  • 교육 기간 동안 배운 기술을 모두 사용해 볼 수 있는 시간이 되었으면 한다!
  • 업무 분담을 기능 서비스 단위로 나누어 팀원 개개인이 프론트엔드 부분과 백엔드 부분 모두 다룰 수 있도록 했다.

3. 업무 분담

😊 정승훈 : shoon2430

• 감독/총괄 및 Data(store) 관리
• Todo 서비스 개발
• 인증 서비스 개발
• 프로젝트 배포 참여

😊 이명호 : 2myungho

• Group 서비스 개발
• S3 파일 업로드 서비스 개발
• 프로젝트 배포 참여
• 풀스택 개발

😊 박민재 : parkmm14

• 백엔드 개발
• Follow 서비스 개발
• Point 서비스 개발

😊 이은송 : eunsongsong

• Account 서비스 개발
• 개인 Point 및 Ranking 서비스 개발
• 프론트 엔드 개발

4. 핵심 기능 🔑

1) Auth - service

• 소셜 로그인 기능
  • 카카오 Oauth2 인증을 통해 로그인, 회원가입 기능을 구현했다.
  • 로그인 시 JWT를 발급하여 로그인 상태를 유지한다.
  • Planit의 모든 서비스는 발급받은 JWT를 통해 회원인지 인증한다.

2) Account - service

• 나의 프로필 관리 기능
• 나의 계획 관리 기능
• 다른 사용자 조회 기능

3) Group - service

• 그룹 생성 및 조회 기능
• 나의 그룹 관리 기능 (그룹장)
• 나의 그룹 관리 기능 (그룹원)
• 그룹 가입 신청 기능
• 그룹 Todo 기능

4) Todo - service

• 개인 Todo 기능
  • 내가 작성한 Todo와 팔로우한 사람들의 Todo를 한번에 조회할 수 있다.
  • Todo에 이미지를 첨부할 수 있다.
  • Todo에 좋아요와 댓글을 작성할 수 있다.
  • 반복적인 계획을 세우는 경우를 대비하여 특정 기간을 선택하여 한번에 Todo를 여러 개 작성할 수있다.

5) Point - service

• 개인 점수 기능

• 나의 레벨 조회 기능

• 전체 그룹 랭킹 리스트 조회 기능

• 내가 속한 그룹의 랭킹, 그룹 점수 조회 기능

• 내 그룹 안에서 그룹원들의 랭킹 리스트 조회 기능

6) Follow

• 나의 팔로워 리스트, 팔로잉 리스트 관리 기능
• 팔로잉 신청 수락/거절 기능
• 팔로잉, 팔로워 계정 프로필, todo 조회 기능
• 팔로잉 요청 실시간 알림 기능

5. 시나리오 & 결과 📢

1) Kakao Oauth 로그인 + JWT Token

Kakao 계정으로 로그인할 수 있다.

로그인을 하게되면 JWT Token을 발급 받아 서비스를 이용할 수 있다..

• 발급 된 Token이 없으면 로그인 페이지로 이동하게 된다.

Kakao 계정으로 로그인하게 되면 카카오톡 프로필 사진이 자동으로 적용된다.

---

2) Account 개인 프로필 페이지

그동안 작성한 계획들을 날짜별로 조회할 수 있다.

계획을 완료하면 계획 하나당 25점이 누적된다. (하루 100점까지만)

설정 modal에서는 개인정보 수정, 계정 공개범위, 로그아웃 및 회원 탈퇴를 설정할 수 있다.

---

3) Todo 생성

카테고리, 제목, 내용, 시작날짜, 종료날짜를 정한 후 Todo를 생성할 수 있다.

이미지 업로드 기능은 AWS S3를 사용해서 구현했다.

생성된 계획에 좋아요, 댓글 기능을 사용할 수 있다.

---

4) 그룹 생성 & 그룹 가입

그룹을 생성하면 해당 그룹 페이지로 이동된다.

사용된 이미지 업로드는 AWS S3를 사용했다.

그룹의 공개설정을 비공개로 설정하면 그룹원이 아닌 계정은 아무 권한도 가질 수 없다.

방문자는 그룹가입을 신청할 수 있는데 그룹장이 그룹 신청을 확인하면 그룹원이 될 수 있다.

그룹장은 일반 그룹원과는 다르게 강퇴, 그룹장 위임, 그룹 설정 변경, 그룹 삭제 등의 권한을 가진다.

---

5) 그룹 Todo 참여하기

그룹장만이 계획을 생성할 수 있다.

그룹장 및 그룹원은 생성 된 그룹 계획에 좋아요, 댓글 및 계획에 참여할 수 있다.

계획 참여하기를 클릭하면 개인 프로필과 타임라인에서 그룹 계획을 조회할 수 있다.

계획을 완료하면 그룹의 누적 점수 및 개인 점수가 오르게 된다.

---

6) Follow 기능

팔로우를 맺은 사용자는 비공개 계정을 확인할 수 있다.

메인페이지 타임라인에는 내가 팔로우한 계정들의 계획들이 추가되어 확인할 수 있다.

검색 기능을 사용하거나 팔로워 팔로잉 리스트에서 원하는 계정을 조회할 수 있다.

---

7) Ranking 시스템

GIF 파일이 너무 깨진 듯 싶다... 다음에 다시 촬영 해야겠다.

랭킹 페이지에서 자신의 점수와 그룹의 점수가 상위 몇 %인지 조회할 수 있다.

개인 계획을 완료하면 계획 하나당 개인 점수가 25점씩 증가한다.

그룹 계획을 그룹원들이 참가해서 실천하면 그룹원은 그룹 점수와 개인 점수를 같이 기여할 수 있다.

게이밍 적인 요소를 추가함으로써 계획 실천의 동기를 줄 수 있다고 생각한다.