그리움 (Grium) 어플리케이션
~~현재는 서버 유지 비용 문제로 close..~~
Min Jung Kim
- 🐲Github: @kimmj0920
Jong Hui Lee
- 🍒Github: @hie6953
Yong Ryeol Bae
- 🧙♂️Github: @GreenCheese-dev
June Young Jo
- 🐷Github: @juneyoung-jo
Han Been Jo
- 🐰Github: @Hanxbeen
Jae Hee Han
- 🐼Github: @HanJaehee
- 진행 기간: 2021.04.12 ~ 2021.05.21
- 목표
- 나의 생전 모습을 기록하고 공유하고 싶은 사람,
- 손쉽게 고인과의 생전 추억을 공유하고 싶은 사람,
- 간편하게 부조금을 송금하고 싶은 사람,
- 투명하게 부조금을 관리하고 싶은 사람,
- ⭐ 이 모든 사람들을 위한 서비스 만들기
- 어플리케이션 이름: Grium (그리움)
- 고인을 추모하는 모바일 장례 및 추모 서비스
- 슬로건: '소중한 사람을 오래도록 기억할 수 있는 서비스, 그리움'
## 📒 Tech Log
Front-App 자세히 살펴보기
- React : 17.0.1
- React-native : 0.64.0
- Recoil : 0.2.0
Front-Web 자세히 살펴보기
- Vue : 2.6.11
- Vue router : 3.5.1
- Vuex : 3.6.2
- Vue-slide-tabs : 1.1.3
- Vuetify : 2.5.0
- SweetAlert2 : 10.16.7
- axios : 0.21.1
Back 자세히 살펴보기
- Swagger : 3.0.0
- Spring Boot
- Spring Security
- Spring Jenkins
- Spring Cloud
- Netflix OSS
- NGINX
- EC2
- Docker
- Mysql
모바일 설치 방법
-
frontend/android/app/release/app-release.apk 설치
-
(주의) 서버 통신 불가 시 재 빌드 필요
프론트엔드 에뮬레이터 실행방법
-
안드로이드 스튜디오에서 가상장치 설정
-
#관련 모듈 설치 $ yarn install #파일을 빌드후 실행 $ yarn android
- gradle 버전 관련 오류 발생시 https://yoonho-devlog.tistory.com/165
- 가상장치 커스텀 https://csc0705.tistory.com/60
-
web 폴더로 들어와 필요한 패키지를 설치합니다.
-
$ npm install
-
-
web 폴더 (vue 프로젝트)를 실행합니다.
-
$ npm run serve
-
java -jar [jar파일]
AuthServer 실행 → CondolenceServer 실행 → TransactionServer 실행
-이외의 서버들은 클라우드 전용세팅이라 로컬에선 실행 안함
ECS 실행화면
ECS Cluster
ECS Task
DB 설정 및 실행
Mysql DB 설정
- 각각 서버의 application.yml에 db와 jpa설정을 해줍니다.
spring:
application:
name: authserver
datasource:
url: jdbc:mysql://k4c104.p.ssafy.io:3306/{Database Name}?useSSL=false&useUnicode=true&serverTimezone=Asia/Seoul
username: {db username}
password: {db password}
jpa:
show-sql: true
hibernate:
# create : drop + create, create-drop : drop + create + drop, update : compare > diff > update, validate : compare > diff > end application
ddl-auto: {ddl 설정, 위 주석과 같이 동작함}
naming-strategy: org.hibernate.cfg.ImprovedNamingStrategy
use-new-id-generator-mappings : true
properties:
hibernate:
dialect: org.hibernate.dialect.MySQL5InnoDBDialect
format-sql: true
DB 테이블 생성
- 첫번째 방법 : 서버를 실행하면 JPA가 Entity로 등록된 테이블을 자동으로 생성해줍니다.
- 두번째 방법 : grium.sql을 이용하여 DB 테이블을 생성합니다.
고인을 추모할 수 있는 소셜 네트워크 서비스
- 고인의 영정사진, 유언, 생전 사진들, 방문객의 사진들, 방문록을 통하여 고인을 기릴수 있습니다.
- 카카오 페이를 이용하여 빠르게 상주에게 부조금을 송금할 수 있습니다.
- URL을 통하여 웹으로 미리보기 페이지를 공유할 수 있습니다.
카카오 api를 이용한 로그인
- 로그인
- 카카오계정과 애플리케이션을 연결하고 사용자 정보로 서비스 회원가입
유저들의 기억공간을 모아 놓은 공간
- 지인 / 공개 탭
- 지인 탭
- 이 앱을 사용중인 카카오 친구들 중 친구 관계를 추가한 사람 혹은 가족 관계로 추가한 사람들의 기억공간 출력
- 지인이 없을 경우 친구 관리 페이지로 유도
- 공개 탭
- 기억공간 생성 시 공개를 선택한 기억공간들을 출력
- 캐러셀
- 지인 / 공개 선택에 따른 기억공간 데이터 표시 및 장례 진행 중일 경우 리본 뱃지 표시
- 기타
- 좌측상단 돋보기 버튼
- 검색 페이지 이동
- 우측상단 종 버튼
- 알람 페이지 이동
- 알람이 있을 경우 갯수 표시
- 좌측상단 돋보기 버튼
유저 이름 입력을 통한 기억공간 검색
- 검색
- 이름 입력을 통해 검색
- x 버튼을 눌러 입력 텍스트 비우기
- 기억공간 버튼을 통해 해당 유저의 기억공간으로 이동 가능
친구 요청 또는 관계 요청이 있을 경우 알림
- 관계 요청
- 요청을 수락한 경우 서로 친구 관계 또는 가족 관계가 형성
한 사람이 기억될 정보와 사진, 글들이 담긴 공간
- 고인 정보
- 이름, 생몰일, 유언 표시
- 애도하기
- 애도하기 버튼(하트) 클릭 시 카운트 증가
- 장례 정보 탭
- 장례 중일 경우 장례식장 위치 출력, 장례 후는 장지 위치 출력
- 고인의 가족관계 출력
- 마음전달 버튼을 통해 부조금 전달 페이지로 이동
- 고인 앨범
- 고인이 생전에 올린 사진 출력
- 공유 앨범
- 지인들이 올린 사진 출려
- 사진 올리기 (지인만 가능)
- 방명록
- 지인들이 올린 글 출력
- 방명록 작성 (지인만 가능)
- 게시물
- 작성자는 게시물을 수정 및 삭제 가능
- 게시물 신고 기능
- 게시물에 신고 5회 카운트 시 해당 게시물 출력x
- 게시물 좋아요
- 좋아요 누른 게시물 상단에 출력
- 공유 버튼
- 웹 페이지 공유 링크를 클립보드에 복사
가족 관계로 등록된 유저가 별세 시 해당 유저의 기억공간을 등록하는 기능
- 가족관계 선택 단계
- 가족으로 관계가 등록된 유저 중 고인 등록을 할 유저를 선택함.
- 가족 관계는 사전에 "추가기능" 탭 안에서 가족관리를 통해 등록할 수 있음.
- 가족 관계가 등록이 안된 유저는 고인 등록 자격이 없음 .
- 고인 정보 및 장례 정보 선택 단계
- 고인의 영정사진 등록
- 고인이 된 유저가 사전에 등록해놓은 영정사진이 있다면, 등록된 영정사진을 변경할 수 없음.
- '고인 성함', '별세일', '발인일', '장례식장 위치', '장지 위치' 입력
- 주소 API를 활용하여 장례와 관련된 장소 검색 기능 제공
- 고인의 영정사진 등록
- 기억공간 공개범위 선택 및 가족관계 확인 단계
- 고인의 기억공간을 '공개', '지인' 선택가능
- 지인 선택 시 카카오톡 친구이면서 그리움의 유저들끼리만 접근 가능
- 고인의 가족관계 최종 확인 가능
- 고인의 기억공간을 '공개', '지인' 선택가능
기억공간, 알림, 나의 그리움, 설정
- 나의 기억 공간 꾸미기 페이지 이동 버튼
- 관계 요청이 들어온 리스트 페이지
- 상주로 등록된 고인 정보 리스트 페이지
- 기타 설정 페이지
생전에 나의 기억공간을 꾸밀 수 있는 기능
-
나의 정보 수정 기능 제공
- 생년월일
- 유언
-
남기고 싶은 사진게시글 업로드 및 삭제 기능 제공
- 기억공간의 고인앨범 탭에 저장됨
-
가족 관리 기능 제공
- 가족 관리 버튼을 통해서 카카오톡 친구 중 가족으로 요청 가능
- 상대방 수락 시에만 관계 형성
-
나의 영정사진 등록
- 영정사진 등록 시 사후 영정사진으로 고정
-
친구 관리 기능 제공
- 카카오톡 친구 리스트 중 친구로 등록 및 삭제 가능
-
고인 앨범 등록
- 유저가 기억되고싶은 사진 게시글을 등록하는 기능
-
기억공간 미리보기 기능 제공
- 고인 앨범 외 기능 제한
상주로서 등록한 가족 리스트 제공
-
고인 기억공간 바로가기 버튼 제공
-
부조현황 버튼을 눌러 카카오페이로 결제된 내역 확인 가능
고인의 기억공간에서 조의금으로 마음을 전달하는 기능
- 부조금 전달 기능 제공
- 고인의 가족관계로 등록된 유저만 선택 가능
- 카카오 페이 연동