Welcome to Grium 🌕

그리움 (Grium) 어플리케이션

🏠 Android 출시

~~현재는 서버 유지 비용 문제로 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

🔧 Tech Stack

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

⚙️ Install and Usage

Frontend-App

모바일 설치 방법

frontend/android/app/release/app-release.apk 설치
(주의) 서버 통신 불가 시 재 빌드 필요

프론트엔드 에뮬레이터 실행방법

안드로이드 스튜디오에서 가상장치 설정
```
	#관련 모듈 설치
	$ yarn install

	#파일을 빌드후 실행
	$ yarn android
```
- gradle 버전 관련 오류 발생시 https://yoonho-devlog.tistory.com/165
- 가상장치 커스텀 https://csc0705.tistory.com/60

Frontend-Web

web 폴더로 들어와 필요한 패키지를 설치합니다.
- ```
$ npm install
```
web 폴더 (vue 프로젝트)를 실행합니다.
- ```
$ npm run serve
```

Backend

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을 통하여 웹으로 미리보기 페이지를 공유할 수 있습니다.

⭐️ 주요 기능

메인 탭 (하단 탭바, 왼쪽 집 모양 아이콘)

유저들의 기억공간을 모아 놓은 공간

지인 / 공개 탭
- 지인 탭
- 이 앱을 사용중인 카카오 친구들 중 친구 관계를 추가한 사람 혹은 가족 관계로 추가한 사람들의 기억공간 출력
- 지인이 없을 경우 친구 관리 페이지로 유도
- 공개 탭
  - 기억공간 생성 시 공개를 선택한 기억공간들을 출력
캐러셀
- 지인 / 공개 선택에 따른 기억공간 데이터 표시 및 장례 진행 중일 경우 리본 뱃지 표시
기타
- 좌측상단 돋보기 버튼
  - 검색 페이지 이동
- 우측상단 종 버튼
  - 알람 페이지 이동
  - 알람이 있을 경우 갯수 표시

검색 페이지

유저 이름 입력을 통한 기억공간 검색

검색
- 이름 입력을 통해 검색
- x 버튼을 눌러 입력 텍스트 비우기
- 기억공간 버튼을 통해 해당 유저의 기억공간으로 이동 가능

알림 페이지

친구 요청 또는 관계 요청이 있을 경우 알림

관계 요청
- 요청을 수락한 경우 서로 친구 관계 또는 가족 관계가 형성

기억공간 페이지

한 사람이 기억될 정보와 사진, 글들이 담긴 공간

고인 정보
- 이름, 생몰일, 유언 표시
애도하기
- 애도하기 버튼(하트) 클릭 시 카운트 증가
장례 정보 탭
- 장례 중일 경우 장례식장 위치 출력, 장례 후는 장지 위치 출력
- 고인의 가족관계 출력
- 마음전달 버튼을 통해 부조금 전달 페이지로 이동
고인 앨범
- 고인이 생전에 올린 사진 출력
공유 앨범
- 지인들이 올린 사진 출려
- 사진 올리기 (지인만 가능)
방명록
- 지인들이 올린 글 출력
- 방명록 작성 (지인만 가능)
게시물
- 작성자는 게시물을 수정 및 삭제 가능
- 게시물 신고 기능
  - 게시물에 신고 5회 카운트 시 해당 게시물 출력x
- 게시물 좋아요
  - 좋아요 누른 게시물 상단에 출력
공유 버튼
- 웹 페이지 공유 링크를 클립보드에 복사

고인 등록 탭

가족 관계로 등록된 유저가 별세 시 해당 유저의 기억공간을 등록하는 기능

가족관계 선택 단계
- 가족으로 관계가 등록된 유저 중 고인 등록을 할 유저를 선택함.
- 가족 관계는 사전에 "추가기능" 탭 안에서 가족관리를 통해 등록할 수 있음.
- 가족 관계가 등록이 안된 유저는 고인 등록 자격이 없음 .
고인 정보 및 장례 정보 선택 단계
- 고인의 영정사진 등록
  - 고인이 된 유저가 사전에 등록해놓은 영정사진이 있다면, 등록된 영정사진을 변경할 수 없음.
- '고인 성함', '별세일', '발인일', '장례식장 위치', '장지 위치' 입력
  - 주소 API를 활용하여 장례와 관련된 장소 검색 기능 제공
기억공간 공개범위 선택 및 가족관계 확인 단계
- 고인의 기억공간을 '공개', '지인' 선택가능
  - 지인 선택 시 카카오톡 친구이면서 그리움의 유저들끼리만 접근 가능
- 고인의 가족관계 최종 확인 가능

추가 기능 탭

기억공간, 알림, 나의 그리움, 설정

나의 기억 공간 꾸미기 페이지 이동 버튼
관계 요청이 들어온 리스트 페이지
상주로 등록된 고인 정보 리스트 페이지
기타 설정 페이지

나의 기억 공간

생전에 나의 기억공간을 꾸밀 수 있는 기능

나의 정보 수정 기능 제공
- 생년월일
- 유언
남기고 싶은 사진게시글 업로드 및 삭제 기능 제공
- 기억공간의 고인앨범 탭에 저장됨
가족 관리 기능 제공
- 가족 관리 버튼을 통해서 카카오톡 친구 중 가족으로 요청 가능
- 상대방 수락 시에만 관계 형성
나의 영정사진 등록
- 영정사진 등록 시 사후 영정사진으로 고정
친구 관리 기능 제공
- 카카오톡 친구 리스트 중 친구로 등록 및 삭제 가능
고인 앨범 등록
- 유저가 기억되고싶은 사진 게시글을 등록하는 기능
기억공간 미리보기 기능 제공
- 고인 앨범 외 기능 제한

나의 그리움

상주로서 등록한 가족 리스트 제공

고인 기억공간 바로가기 버튼 제공
부조현황 버튼을 눌러 카카오페이로 결제된 내역 확인 가능

마음 전달(조의금) 전달 페이지

고인의 기억공간에서 조의금으로 마음을 전달하는 기능

부조금 전달 기능 제공
- 고인의 가족관계로 등록된 유저만 선택 가능
카카오 페이 연동

👀 페이지 소개

🎞 최종산출물

최종발표 PDF

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
Documentation		Documentation
exec		exec
README.md		README.md

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Documentation