https://github.com/beyond-sw-camp/be04-4th-pi-moodholic

🌅 김재현 🌅 박경덕 🌅 신동호 🌅 이드보라 🌅 이현우
https://github.com/beyond-sw-camp/be04-4th-pi-moodholic

docker google-cloud jenkins k8s mariadb oauth2 openai-api openweathermap-api react-native redis sprng-boot vue3

Last synced: about 2 months ago
JSON representation

🌅 김재현 🌅 박경덕 🌅 신동호 🌅 이드보라 🌅 이현우

• Host: GitHub
• URL: https://github.com/beyond-sw-camp/be04-4th-pi-moodholic
• Owner: beyond-sw-camp
• Created: 2024-04-18T00:45:37.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-22T02:23:05.000Z (10 months ago)
• Last Synced: 2024-04-22T06:11:28.970Z (10 months ago)
• Topics: docker, google-cloud, jenkins, k8s, mariadb, oauth2, openai-api, openweathermap-api, react-native, redis, sprng-boot, vue3
• Language: CSS
• Homepage:
• Size: 69 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![001](https://github.com/Bodrami/Practice_Template/assets/149561287/c8f36c21-0cdc-406c-a842-00768ee2980c)



[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fbeyond-sw-camp%2Fbe04-4th-PI-MoodHolic.git&count_bg=%23006EFF&title_bg=%23767676&icon=keybase.svg&icon_color=%23E7E7E7&title=Today&edge_flat=false)](https://hits.seeyoufarm.com)



🌈 Introduce Our Team




	

> **팀명은 3.141592조 (PIE)** 로 무한대로(PI) 개발을 즐기며 무한대로 성장하고 있는 개발팀원들이 모여 '가치는 같이할 때 더 좋은 “가.치”가 된다. 라는 슬로건을 가지고 있습니다. 이번 프로젝트에서는 여러 가지 주제 중 회의를 통해 선정하고 각자가 맡은 부분을 책임감을 가지고 개발을 구현하는 협업 할 수 있는 팀워크를 보여주고 있습니다. 하나의 에러도 혼자가 아니라 팀원들과 머리를 맏대고 서로 믿고 의지하며 적극적인 의사소통을 통해 어떤 에러에도 굴복하지 않고 이겨내 개발할 수 있는 힘을 가지고 있으며 이번 프로젝트에서는 2주의 단기간동안 기획부터 프론트, 백, 서버 연동 등 개발의 전반적인 과정을 경험해보면서 그동안 배운 내용을 직접 사용해보면서 복습하는 기회도 가져보았습니다.



👥 Contact & Group












👤 Members




	

[](https://github.com/jaehyeon-SMU) **김재현**    [](https://github.com/Virtue14) **박경덕**    [](https://github.com/letsplaycoding) **신동호**    [](https://github.com/Bodrami) **이드보라**    [](https://github.com/daersh) **이현우**




🛠️ Technology Stack




	

### ⚙️ Front-End


            

### ⚙️ Back-End

                      

### ⚙️ Production



### ⚙️ CI/CD

        





  

![스크린샷_2024-04-03_오후_ ovebg-preview (1)_animation](https://github.com/ThisDotE/InnerJoinUs/assets/149561287/839d399a-f74a-4d12-80c8-040cbfcc049d)






[![Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&weight=900&size=22&pause=1000&color=F7C621&vCenter=true&multiline=true&random=false&width=438&height=52&lines=Welcome+We+are+Team+PI)](https://git.io/typing-svg)





  

[![Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&weight=900&size=40&pause=1000&color=085EF7&vCenter=true&random=false&width=438&height=70&lines=Mood+Holic!!)](https://git.io/typing-svg)



# 🌅 Mood Holic 소개

### 👀 기획 배경

> 현대 사회에서는 스트레스, 불안, 우울 등의 정신 건강 문제가 증가하고 있습니다. 이러한 문제에 대처하고 감정을 관리하는 것은 매우 중요합니다. 따라서 개인이 감정을 정리하고 관리하는데 도움을 주는 툴이 필요하다는 필요성이 있다고 생각했습니다. 또한 사용자들은 개인화된 서비스를 선호하고 자신의 감정 상태와 선호도에 맞춘 추천을 받는 것은 사용자 경험을 향상시키는데 도움이 되었던 경험을 가지고 이번 프로젝트를 기획하게 되었습니다.

### 💡 해결 컨셉

- **일기 작성**: 사용자는 하루마다의 감정을 정리하면서 겪었던 어려움이나 배운 점 및 성장한 경험 등을 자유롭게 정리할 수 있습니다.

- **GPT를 통한 결과 도출**: GPT 프롬프트를 통해 일기를 전달하여 회원의 기분 점수, 추천 컨텐츠(음식,음악,영화)를 전달받아 회원에게 해당 결과를 출력합니다.

- **통계 분석**: 저장된 데이터들을 기반으로 한 회원에 대한 기분, 음식, 음악, 영화 취향 분석 등을 통계로 시각화 할 수 있습니다. (ex. 그래프)

### ✨ 기대 효과

1. 감정 관리 및 정서적 안정: 사용자가 일기를 작성하면서 자신의 감정을 정리하고 이해할 수 있습니다. 일기 작성은 마음의 질서를 유지하고 정서적 안정을 도모하는데 도움이 됩니다.

2. 개인 성장 및 자기 인식: 사용자가 어려움, 성장, 배운 점 등을 일기에 기록함으로써 자신의 개인적인 성장을 추적하고 인식할 수 있습니다. 이를 통해 더 나은 방향으로 나아갈 수 있는 인사이트를 얻을 수 있습니다.

3. 개인화된 추천: GPT를 사용하여 일기 내용을 분석하고, 사용자의 감정 상태에 따라 적합한 음식, 음악, 영화 등을 추천할 수 있습니다. 이러한 개인화된 추천은 사용자가 편안함을 찾거나 감정을 회복하는 데 도움이 될 수 있습니다.

4. 사용자 관심사 파악 및 서비스 개선: 사용자의 일기 내용을 통해 감정, 음식, 음악, 영화 취향 등을 분석함으로써 사용자의 관심사와 성향을 파악할 수 있습니다. 이를 통해 서비스를 개선하고 보다 맞춤화된 콘텐츠를 제공할 수 있습니다.

5. 통계 분석을 통한 인사이트 도출: 저장된 데이터를 기반으로 한 통계 분석은 사용자들의 감정 변화, 취향 변화, 성장 과정 등을 이해하는 데 도움을 줄 수 있습니다. 이를 통해 트렌드 파악이나 사용자들에게 더 나은 서비스를 제공할 수 있는 인사이트를 도출할 수 있습니다.

   **=> 총체적으로, 이러한 시스템은 사용자들의 정서적 건강과 성장을 지원하고, 개인화된 서비스를 제공하여 보다 만족스러운 경험을 제공할 수 있습니다.**

### 📍 주요페이지 소개

- **일기 작성**: 사용자는 하루마다의 감정을 정리하면서 겪었던 어려움이나 배운 점 및 성장한 경험 등을 자유롭게 정리할 수 있습니다.

- **GPT를 통한 결과 도출**: GPT 프롬프트를 통해 일기를 전달하여 회원의 기분 점수, 추천 컨텐츠(음식,음악,영화)를 전달받아 회원에게 해당 결과를 출력합니다.

- **통계 분석**: 저장된 데이터들을 기반으로 한 회원에 대한 기분, 음식, 음악, 영화 취향 분석 등을 통계로 시각화 할 수 있습니다. (ex. 그래프)

# 🌅 추진 계획

### 🗓️ Table: 추진체계

| 구분 | 조직 | 주요 역할 |

| --- | --- | --- |

| 주관 | team 3.141592(PI) | 웹 페이지 구축 및 배포 |

| 지원기관 | 한화시스템x엔코아 | 장비 지원 및 퀄리티 점검 |

- 추진 일정: 2024-04-01 ~ 2024-04-17

- 작업 수행공간: 서울 동작구 보라매로 87 SFC빌딩 3F 1강의실, 원격 소통(Discord 및 slack)




# 🌅 Mood Holic's System Architecture

![스크린샷 2024-04-19 오후 3 38 52](https://github.com/beyond-sw-camp/be04-4th-PI-MoodHolic/assets/149561287/3f6df52b-e5b1-49ff-9fee-25bc0d7b9ddc)

# 🌅 안배운 기술 목록

* Google Cloud - 클라우드에 이미지를 업로드하여 이미지 url만 관리할 수 있도록 함

* V-Calendar - 달력 API로 메인 화면 (다이어리 달력)기능 구현

* vue-chart - 통계, 수치를 표로 출력하기 위한 API

* react native - 페이스북에서 만든 오픈소스 모바일 애플리케이션 프레임워크로 구현한 웹을 앱으로 구현

# 🌅 일정관리 (Sprint Kanban)

### ⏰ Sprint Kanban 1주차

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/11c62c6d-9e3d-4671-91a7-f3dc4040cf54)

### ⏰ Sprint Kanban 2주차

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/ae2f3747-8762-4fbc-a350-996fc0f4df45)

# 🌅 Mood Holic Story Board 

Story Board



	

![InnerJoinUs_스토리-보드_wire-frame__기능구현된-것만_복사본](https://github.com/beyond-sw-camp/be04-4th-PI-MoodHolic/assets/149561287/dcfd0ba0-5c5d-4ca6-9b35-903cc45636d7)




# 🌅 디렉토리 구조 

Mood.Holic.APP



	

```

📂 public

├─ 📂 Favicon.ico

📂 src

├─ 📂 assets

│  ├─ 📂 css

│  └─ 📂 icon

├─ 📂 components

│  └─ 📂 category별 폴더

│     └─ 📄 .vue 파일 // Login.Vue 파일 등

├─ 📄 App.vue

├─ 📄 main.js

├─ 📂 store

   └─ 📄 store.js

├─ 📂 view

│  └─ 📂 category별 폴더

│     └─ 📄 .vue 파일

└─ 📂 router

   └─ 📄 index.js

```



Mood.Holic.BE



	

```

📂 Akatsuki

└─ 📂 MoodHolicBE

└─ 📂 MoodHolicFE

```



Mood.Holic.FE



```

📂 .github

├─ 📂 Template

📂 public

📂 public

├─ 📂 Favicon.ico

📂 src

├─ 📂 assets

│  ├─ 📂 css

│  └─ 📂 icon

│  └─ 📂 imges

├─ 📂 components

│  └─ 📂 calendar

│  └─ 📂 header

│  └─ 📂 main

├─ 📂 router

│  ├─ 📄 router.js

├─ 📂 store

│  ├─ 📄 store.js

├─ 📂 views

├─ 📄 App.Vue

├─ 📄 main.js

├─ 📄 .gitignore

├─ 📄 index.html

├─ 📄 jsconfig.json

├─ 📄 package.json

├─ 📄 package-lock.json

├─ 📄 README.md

├─ 📄 vite.config.js 

```



# 🌅 DB Modeling (ERD, DDD, DDL, DML)

🗂️ ERD

	

![ERD](https://github.com/Bodrami/Practice_Template/assets/149561287/6484caa0-d971-4916-a3ce-e25ac9415492)


🗂️ DDD


![image](https://github.com/Bodrami/Practice_Template/assets/149561287/1058f95c-04fc-4181-ad25-a2f4adb7a7e0)

🗂️ DDL


DDL 구문

	

```sql

DROP DATABASE IF EXISTS moodholic;

CREATE DATABASE IF NOT EXISTS moodholic default CHARACTER SET UTF8;

USE moodholic;

DROP TABLE diary CASCADE;

DROP TABLE diary_emotion CASCADE;

DROP TABLE diary_food CASCADE;

DROP TABLE diary_food_like CASCADE;

DROP TABLE diary_movie CASCADE;

DROP TABLE diary_movie_like CASCADE;

DROP TABLE diary_music CASCADE;

DROP TABLE diary_music_like CASCADE;

DROP TABLE emotion CASCADE;

DROP TABLE food CASCADE;

DROP TABLE member CASCADE;

DROP TABLE movie CASCADE;

DROP TABLE music CASCADE;

CREATE TABLE `member` (

    `member_id` BIGINT AUTO_INCREMENT NOT NULL,

    `nickname` VARCHAR(50) NULL,

    `provider` VARCHAR(30) NULL,

    `email` VARCHAR(50) NULL,

    PRIMARY KEY (`member_id`)

);

CREATE TABLE `diary` (

    `diary_id` INT AUTO_INCREMENT NOT NULL,

    `date` DATE NULL,

    `content` TEXT NULL,

    `status` BOOLEAN NULL DEFAULT FALSE,

    `Img_path` TEXT NULL,

    `member_id` BIGINT NOT NULL,

    `summary` VARCHAR(255) NULL,

    PRIMARY KEY (`diary_id`)

);

CREATE TABLE `emotion` (

    `emotion_id` INT AUTO_INCREMENT NOT NULL,

    `emotion_score` INT NULL,

    PRIMARY KEY (`emotion_id`)

);

CREATE TABLE `music` (

    `music_id` INT AUTO_INCREMENT NOT NULL,

    `music_name` VARCHAR(255) NULL,

    `singer` VARCHAR(255) NULL,

    `music_genre` VARCHAR(255) NULL,

    PRIMARY KEY (`music_id`)

);

CREATE TABLE `food` (

    `food_id` INT AUTO_INCREMENT NOT NULL,

    `food_name` VARCHAR(255) NULL,

    `food_category` ENUM('한식','중식','양식','일식','아시안') NULL,

    `food_spicy` INT NULL,

    PRIMARY KEY (`food_id`)

);

CREATE TABLE `movie` (

    `movie_id` INT AUTO_INCREMENT NOT NULL,

    `movie_name` VARCHAR(255) NULL,

    `movie_genre` VARCHAR(255) NULL,

    PRIMARY KEY (`movie_id`)

);

CREATE TABLE `diary_music` (

    `diary_music_id` INT AUTO_INCREMENT NOT NULL,

    `diary_id` INT NOT NULL,

    `music_id` INT NOT NULL,

    `music_like` BOOLEAN NULL,

    PRIMARY KEY (`diary_music_id`)

);

CREATE TABLE `diary_food` (

    `diary_food_id` INT AUTO_INCREMENT NOT NULL,

    `diary_id` INT NOT NULL,

    `food_id` INT NOT NULL,

    `food_like` BOOLEAN NULL,

    PRIMARY KEY (`diary_food_id`)

);

CREATE TABLE `diary_movie` (

    `diary_movie_id` INT AUTO_INCREMENT NOT NULL,

    `movie_id` INT NOT NULL,

    `diary_id` INT NOT NULL,

    `movie_like` BOOLEAN NULL,

    PRIMARY KEY (`diary_movie_id`)

);

CREATE TABLE `diary_emotion` (

    `diary_emotion_id` INT AUTO_INCREMENT NOT NULL,

    `diary_id` INT NOT NULL,

    `emotion_id` INT NOT NULL,

    PRIMARY KEY (`diary_emotion_id`)

);

CREATE TABLE `comment` (

	 `comment_id` INT AUTO_INCREMENT NOT NULL,

	 `diary_id` INT NOT NULL,

	 `comment_content` VARCHAR(255) NOT NULL,

	 PRIMARY KEY (`comment_id`)

);	 

ALTER TABLE `diary`

ADD CONSTRAINT `fk_member_id` FOREIGN KEY (`member_id`)

REFERENCES `member`(`member_id`);

ALTER TABLE `diary_music`

ADD CONSTRAINT `fk_diary_id1` FOREIGN KEY (`diary_id`)

REFERENCES `diary`(`diary_id`);

ALTER TABLE `diary_music`

ADD CONSTRAINT `fk_music_id` FOREIGN KEY (`music_id`)

REFERENCES `music`(`music_id`);

ALTER TABLE `diary_food`

ADD CONSTRAINT `fk_diary_id2` FOREIGN KEY (`diary_id`)

REFERENCES `diary`(`diary_id`);

ALTER TABLE `diary_food`

ADD CONSTRAINT `fk_food_id` FOREIGN KEY (`food_id`)

REFERENCES `food`(`food_id`);

ALTER TABLE `diary_movie`

ADD CONSTRAINT `fk_diary_id3` FOREIGN KEY (`diary_id`)

REFERENCES `diary`(`diary_id`);

ALTER TABLE `diary_movie`

ADD CONSTRAINT `fk_movie_id` FOREIGN KEY (`movie_id`)

REFERENCES `movie`(`movie_id`);

ALTER TABLE `diary_emotion`

ADD CONSTRAINT `fk_diary_id4` FOREIGN KEY (`diary_id`)

REFERENCES `diary`(`diary_id`);

ALTER TABLE `diary_emotion`

ADD CONSTRAINT `fk_emotion_id` FOREIGN KEY (`emotion_id`)

REFERENCES `emotion`(`emotion_id`);

ALTER TABLE `comment`

ADD CONSTRAINT `fk_diary_id5` FOREIGN KEY (`diary_id`)

REFERENCES `diary`(`diary_id`);

```

🗂️ DML


DML 구문

	

```sql

INSERT

INTO member

(email,nickname, provider)

VALUES

       ('[email protected]','츄르도둑', 'google')

     , ('[email protected]',  '우주최강미남', 'naver')

     , ('[email protected]',  '리카솔리','google')

     , ('[email protected]', '쥬라기월드','google')

     , ('[email protected]',  '닥쳐말포이', 'naver')

     , ('[email protected]', '가문비하늘소', 'google')

     , ('[email protected]', '마틸다', 'naver')

     , ('[email protected]','운동갈꺼야', 'google')

     , ('[email protected]', '게임조아','naver')

     , ('[email protected]', '하태서리', 'google')

     , ('[email protected]',  '귤냠냠', 'google')

     , ('[email protected]',  '물복숭아', 'google')

     , ('[email protected]', '지하천척', 'naver')

     , ('[email protected]',  'littleUnivers','naver')

     , ('[email protected]',  'handselim', 'google')

     , ('[email protected]',  '준동송', 'naver')

     , ('[email protected]', 'god대영', 'google')

     , ('[email protected]',  '이세카이', 'google')

     , ('[email protected]',  '바늘사초', 'naver')

     , ('[email protected]',  '보우타리', 'naver')

     , ('[email protected]', '벤조카인', 'naver')

     , ('[email protected]',  '어파인군', 'google')

     , ('[email protected]',  '다분안부', 'google')

     , ('[email protected]',  '파라도스', 'google')

     , ('[email protected]',  '파크스법', 'google')

     , ('[email protected]', '마이카나이트', 'google')

     , ('[email protected]',  '마른새우볶음', 'naver')

     , ('[email protected]',  '메소포타미아', 'naver')

     , ('[email protected]',  'DragonVicroty', 'google')

     , ('[email protected]',  '키러소루두', 'naver')

     , ('[email protected]', 'rpwkr', 'naver');

     

     

INSERT

INTO diary

(`date`,`content`,`member_id`, `summary`)

VALUES

		 (

		 '2024-03-25'

		 ,'오늘은 오랜만에 친구와 이디야카페에서 만나 콜드브루를 마시며 수다를 떨었다. 

		 전여친이야기와 롤이야기를 했는데 역시 내 베프라 그런지 대화도 즐거워서 기분이 매우 좋았다.

		 심지어 이날 조개구이도 먹어서 진짜 찐으로 광대가 나올만큼 웃었던것 같다.

		 내일도 이정도로 기분좋은 일만 가득했으면 좋겠다.',

		 8,

		 '기분 좋았다'

		 ),

		 (

		 '2024-03-26'

		 ,'기분이 좋기는 개뿔 시작부터 꼬였다.

		 회사에서 상사가 갑자기 중요 프로젝트 마감일이 다가오고 있으니 오늘 야근을 하라는 말을 하는게 아니겠는가

		 오늘 집가서 야구보면서 시원한 맥주마시면서 쉴려고 했는데 기분이 너무 안좋아졌다. 

		 지금 이시간에 회사에서 일기나 쓰고 있다니 진짜 화난다',

		 8,

		 '화가 났다'

		 ),

		 (

		 '2024-03-27'

		 ,'오랜만에 도서관에 가서 책을 읽었다. 

		 조용하고 집중하기 좋은 환경에서 시간가는 줄 몰랐다.

		 별다른 특별한 일 없이  편안하고 조용한 하루였다.

		 가끔은 이런 평온한 하루도 괜찮은 것 같다. ',

		 8,

		 '나름 괜찮은 하루'

		 ),

		 (

		 '2024-03-28'

		 ,'오늘 아주 행복한 꿈을 꿨다. 바로 억만장자가 되는 꿈!! 근데 깼더니 내 눈앞에 보이는건 

		 어제 먹고 안치운 막국수 그릇과 이불에 떨어진 족발 한조각이였다. 아침부터 아주 엿같은 하루다.

		 오늘 내 눈에 누구 걸리기만 해봐라 진짜 분노조절장애가 뭔지 보여주지.',

		 8,

		 '화가 많이 났다'

		 ),

		 (

		 '2024-03-29'

		 ,'새로운 취미로 그림 그리기를 시작했다. 잘 그리지는 못하지만, 창작의 과정 자체가 즐거웠다.

		  새로운 것을 배우는 설렘이 있었다. 어제는 좀 컨디션이 안좋았지만 그림그리기에 내 새로운 재능을 찾은것 같

		  같아서 기분이 몹시 매우 좋다. 내일도 유튜브 보면서 그려봐야지.',

		 8,

		 '신비로운 기분이 든다'

		 ),

		 (

		 '2020-02-02' ,

		 '오늘은 시험날이었는데 시험을 너무 못봤다. 내 목표 점수는 80점이었는데

		  65점밖에 못맞아서 기분이 우울했다. 앞으로 더 열심히해야할 것 같다고 생각하는데

		  용기가 안난다. 그래도 열심히 해야겠다!',

		 1,

		 '우울하다..'

		 ),

		 (

		 '2021-02-21' ,

		 '오늘은 부모님의 결혼기념일이이셔서 꽃다발을 사드렸는데 부모님께서 굉장히 좋아하셨다.

		  누군가에게 선물을 하는 행위에 있어서 상대방이 기분 좋아한다면 선물을 주는 사람 

		  입장도 기분이 좋아진다는 것을 처음 알았다. 누군가에게 선물을 한다는 것은 나름

		  기분 좋은 일이었구나~',

		 2,

		 '뿌듯한 기분~'

		 ),

		 (

		 '2022-02-22' ,

		 '오늘 나에게 있어서 매우 중요한 날이었다. 오늘은 나의 대학 졸업식날이었다.

		  하지만 아침부터 머리 드라이를 제대로 하지 못했고 학교에 가는 길에 새똥에 맞아

		  찜질방에 들려 씻어야했다..그렇기에 졸업식도 최악이었다. 내 인생에 단 한번 있는

		  날인데 이렇게 마무리하니 기분이 진짜 나빴다.' ,

		 3,

		 '재수없는 날'

		 ),

		 (

		 '2023-02-23' ,

		 '3년동안 주 1회씩 복권을 구매하던 나.. 항상 낙첨만 되던 나.. 하지만 드디어 복권

		  3등에 당첨되었다!! 비록 1등 당첨금액에 비해 초라한 당첨금액이지만 이정도가 어디인가..

		  나는 오늘 소고기를 먹을 것이다!!' ,

		 4,

		 '성공한 느낌!'

		 ),

		 (

		 '2024-02-24' ,

		 '오늘 하교를 하며 한 아파트 옆을 지나가고 있었다. 그때 들렸던 소리.."퍽!!"

		  내 앞에 작은 우유곽이 터졌고 그로 인해 내 몸은 흰 우유에 범벅이 되어있었다.

		  그 직후 들리는 소리 "깔깔깔~" 아파트 위에서 초등학생들이 나에게 우유를 던진 것이었다.

		  나는 소리를 지르며 욕을 했다. 하지만 그 학생들의 부모들이 찾아와 적반하장으로

		  소리지르지 말라며 나에게 되려 화를 내었다. 차라리 저출산 시대가 오래갔으면 좋겠다고

		  생각한 하루였다.' ,

		 5,

		 '기분 잡치네 진짜'

		 )

		 ;

```

# 🌅 개념 & 논리 Modeling

🗄️ 개념 Modeling


![image](https://github.com/PI-Akatsuki/Mood.Holic.BE/assets/149561287/9ec3fc4c-bd5c-48b5-a1b5-1c0ad93c51cb)

🗄️ 물리 Modeling


![image](https://github.com/beyond-sw-camp/be04-4th-PI-MoodHolic/assets/101622086/0a510766-4a52-47ef-9803-e5bd51868935)

# 🌅 Mood Holic Menu 구조도

![image](https://github.com/beyond-sw-camp/be04-4th-PI-MoodHolic/assets/149561287/be7b1c1d-8c00-48de-b97a-8efded48fa66)

# 🌅 Wire Frame

### Mood Holic's Wire Frame

![wireframe](https://github.com/Bodrami/Practice_Template/assets/149561287/663043e3-76de-451b-9e0a-443f577d39c4)

# 🌅 API 명세서

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/55505a91-a533-427d-bd90-8ec3700420ed)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/de8d83ff-5a5f-4db5-8286-9c26fa03362e)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/4237f314-89e5-4201-bf3d-01f13fb19147)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/69fef2a4-61bb-4a05-a689-42a162c85b11)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/e5775913-aea7-4c08-b470-af949459292b)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/ba14361e-9af2-4852-84d7-47815867f00e)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/414158fa-67f8-48a6-bad2-54a5589f6182)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/1eea62c5-0e4a-4163-8105-cefc9040179a)

![image](https://github.com/Bodrami/Practice_Template/assets/149561287/165bb337-6681-4594-8738-4842d89bf8ac)

# 🌅 Mood Holic 배포문서

MoodHolic's Build 및 배포 문서

![002](https://github.com/Bodrami/Practice_Template/assets/149561287/f5aba2be-a183-484a-b3cd-f57437269f74)

![003](https://github.com/Bodrami/Practice_Template/assets/149561287/24cb0dd5-2e02-46bb-b660-10bb60a5e9e5)

![004](https://github.com/Bodrami/Practice_Template/assets/149561287/e8259811-97b3-4b5f-9046-28634dc7a212)

![005](https://github.com/Bodrami/Practice_Template/assets/149561287/849c7ce9-5cea-409c-913e-ba4e24a6c341)

![006](https://github.com/Bodrami/Practice_Template/assets/149561287/e595a949-abe4-46f4-9b26-5a49a48fd956)

![007](https://github.com/Bodrami/Practice_Template/assets/149561287/54443273-cfdd-45b1-8c73-6152f573c394)

![008](https://github.com/Bodrami/Practice_Template/assets/149561287/db3fdba2-2993-41e2-8425-bd193bcff73f)

![009](https://github.com/Bodrami/Practice_Template/assets/149561287/867f6210-a8be-4c8c-9fc3-70b0c8ab36d1)

![010](https://github.com/Bodrami/Practice_Template/assets/149561287/b2dbf151-c30b-4a04-8f07-ef81401b5f7e)

![011](https://github.com/Bodrami/Practice_Template/assets/149561287/a7894a31-656a-475b-8d66-8a0337634b78)

![012](https://github.com/Bodrami/Practice_Template/assets/149561287/63a22fd3-2bc3-495d-9437-5c98ba4ed2ab)

![013](https://github.com/Bodrami/Practice_Template/assets/149561287/ab1f5b0a-9e26-4ebc-b63e-1842b7106a3c)

![014](https://github.com/Bodrami/Practice_Template/assets/149561287/111cf134-9c9b-4b7a-8fbf-42ce20a43a0d)

![015](https://github.com/Bodrami/Practice_Template/assets/149561287/2cd8d404-d8e1-4fb9-8dd3-06f689706f15)

![016](https://github.com/Bodrami/Practice_Template/assets/149561287/087d4224-4899-41aa-bb2f-6765482f7f1f)

![017](https://github.com/Bodrami/Practice_Template/assets/149561287/e79c46f0-d9f0-4299-9c66-571ae115b27e)

![018](https://github.com/Bodrami/Practice_Template/assets/149561287/0105f573-7f4c-453f-a33d-856e7a3cb607)

![019](https://github.com/Bodrami/Practice_Template/assets/149561287/d78ed86f-674b-4528-becd-e25a8534d153)

![020](https://github.com/Bodrami/Practice_Template/assets/149561287/04ea2ac9-a63d-47ee-9e18-c48196e4ab38)

# 🌅 CI/CD 기능 명세서

![image](https://github.com/beyond-sw-camp/be04-4th-PI-MoodHolic/assets/101622086/027b8e68-81f2-4f75-aa1b-255891a4cfbd)

# 🌅 추후 고도화 기능

* 프론트 재정리: 웹사이트의 프론트엔드를 체계적으로 재정비하여 사용자 경험을 향상시키고 디자인을 현대적으로 업데이트

* 웹과 네이티브 앱 분리: 현재 웹사이트를 네이티브 앱과 별도로 개발하여 각 플랫폼에 최적화된 성능과 사용자 경험을 제공

* 아이콘 도감: 사용자 다이어리 작성 시 랜덤으로 아이콘(or 캐릭터)이 확률적으로 생성

* 뱃지 등록: 사용자가 모은 아이콘 도감 중에서 사용자 프로필에 있는 뱃지를 등록할 수 있음

* TODO 리스트: 사용자가 작업 항목들을 관리할 수 있는 TODO 리스트를 구현

* 마이페이지/내정보 수정: 사용자가 자신의 개인 정보를 쉽게 업데이트하고 관리할 수 있는 기능을 개선하고 사용자 인터페이스를 간소화

* 다이어리 템플릿 체험 및 미리보기: 사용자 회원가입 전 웹/앱에 대한 이해를 돕기 위해 사용된 다이어리 예시나 체험하기 기능

# 🌅 Acatsuki's 회고

| **이름**   | **회고** |

|:--------:|:------:|

| **김재현**  | 이번 프로젝트는 그동안 배웠던 것을 모두 이용하되 백엔드는 JPA로 개발하고, 프론트앤드는 vue로 개발하여 연동하고, CI/CD를 자동으로 해주는 젠킨스와 쿠버네티스등을 적용시켜보는 프로젝트였습니다. 주제를 선정하고 DB모델링 등 그동안 배웠던 과정을 다시 해보며 복습할 수 있었던 좋은 기회였습니다. 운이 좋게도 이번 프로젝트에서 제가 CI/CD부분을 맡게되었는데, 한번도 해보지 않아 걱정이 많이 되기는 했지만 한편으로는 설레는 마음도 없지않아 있었습니다. 예상했던대로 혼자 해보니 계속 오류가 나고, 적용이 안되는 문제가 발생했었으나, 과정을 다시 복습하고 어떤식으로 왜 작동하는지를 파악하자 문제가 하나씩 해결되기 시작했습니다. 이 경험을 통해 무엇이든 그냥 코드를 따라치기보단 여기서 이걸 왜 적용해야하는지등 쓰는 이유를 아는 것이 훨씬 중요하단 사실을 알게 되었습니다. 다음에 할 프로젝트에는 젠킨스 와 쿠버네티스 대신 aws를 사용해서 해보고 싶어졌고, 단순히 dockerhub에만 image를 올리고 수동으로 restart해주는것이 아니라, 강사님이 말씀하신 argo등을 써서 dockerhub에 푸시된것을 감지해 자동으로 배포 할 수 있는 환경을 구축해보고 싶어졌습니다. |

| **박경덕**  | 이번 프로젝트에서 저는 여러 가지 새로운 기술들을 접하고 학습하는 기회를 가졌습니다. 특히 Oauth 2.0, OpenAI API, Redis-server, React Native 등의 기술이 프로젝트의 핵심 요소였습니다. 이러한 기술들을 실제로 적용해보면서 많은 것을 배우고 성장할 수 있었습니다. 저의 철학은 "할 수 있다고 생각하면 할 것이고, 못한다고 생각하면 못 할 것"이라는 것입니다. 이러한 마인드셋을 가지고 어려운 상황에서도 해결책을 찾아내는 데 중점을 두었습니다. 프로젝트를 통해 기술적인 지식뿐만 아니라, 문제 해결 능력도 크게 향상되었습니다. 새로운 기술을 배우는 과정에서 발생하는 다양한 문제들을 해결하면서, "안된다고 생각하면 못할 것"이라는 마인드셋을 버리고 "안 되면 되게 해야 한다"는 적극적인 자세를 배울 수 있었습니다. 이번 프로젝트는 저에게 많은 기술적 도전과 함께 심리적 성장의 기회를 제공했습니다. 저는 기술적 한계를 넘어서는 것뿐만 아니라, 그 과정에서 발생하는 문제들에 대해 적극적으로 대처하는 방법을 배웠습니다. 앞으로도 이러한 경험을 바탕으로 끊임없이 배우고 성장하는 개발자가 되기 위해 노력할 것입니다. |

| **신동호**  | 이번 프로젝트에서는 Vue3,HTML,CSS와 라우팅 기술을 활용하며 프론트엔드 측면에서 많이 도전하고 한발자국 전진한 느낌이 들었습니다. 다만 반응형 css에서 많이 답답했고, 전역css를 import하는 과정에서 전역변수 충돌이 일어나 애를 많이 먹어 답답했습니다. 클래스명이 중복되면 이렇게 충돌이 날 수 있다는 것을 깨닫고 이를 통해 앞으로 내가 가야할 길에 있는 돌맹이를 하나 치운 것 같은 뿌듯함이 들었었고, 프로젝트 초반에는 mariadb를 활용해 DDL 구문과 DML을 작성해 이후에 프론트 작업을 할 때는 불필요하게 중복되는 img나 icon을 수정 삭제하여 통일시키는 과정을 통해 디렉토리 구조나 파일에 대해서 통일성이 있다면 더 좋은 개발 환경이 된다는 경험을 했보았습니다. 개인적으로 아쉬운 건 이번 프로젝트에서는 백엔드 개발을 거의 하지 못해서 다음 프로젝트에서는 많이 공부하며 백엔드와 프론트엔드를 둘 다 맡고 싶은 마음이 생겼습니다. |

| **이드보라** | 프로젝트를 통해 그 동안 배웠던 Front-end의 여러가지 태그를 사용하면서 피그마로 디자인했던 화면들이 동적으로 움직이는걸 직관적으로 보여지니 흥미로웠고, 백과 연동을 통해 DB정보를 가져와 쌓아보면서 Back-end와 Devops 에 대한 전반적인 내용을 복습하고 기능을 구현하면서 실제로 운영되는 웹페이지처럼 고도화시켜보고 싶다는 마음이 커졌습니다. 팀원들과 파트를 분배하고 2주동안 구현해내는데 어려움이 있었습니다. 주로 맡은 프론트에서는 파일구조가 바뀌거나 파일명이 수정되어 서버가 돌아가지 않거나 백 연동이 쉽지 않았지만 포기하지 않고 팀원들과 에러 문제점을 찾아보고 끝까지 함께 구현할 수 있어 뿌듯하기도 하고 깨달은 점도 있었습니다. 프론트를 맡았다고 백도 놓치지 말아야겠다고 생각이 들었고, 프로젝트의 전체적인 흐름을 이해할 수 있도록 부족한 부분을 찾아 따로 코드로 연습하는 습관을 들여야겠다는 생각이 들었습니다. 또한 프로젝트를 하나씩 거듭할수록 저에 대한 객관화가 점점 고도화되는 느낌을 받으면서 내면적으로도 성장해가고 있다는 느낌을 받았으며, 개발에 있어서 나는 어떤 것이 부족하고 어떤 부분을 잘하고 있는지 생각정리를 할 수 있었습니다. 더 나아가 다음 프로젝트를 들어가기 전, 이론적으로 복습이 필요한 부분이나 지금까지 구현했던 프로젝트의 기능을 이해하고 어떻게 적용이 되는지에 대한 이해가 필요하다고 생각했고, 비록 남들과 시작한 출발점은 다르지만 결과적으로 비교하지 않고 그 부족한 시간을 채우는 것에 집중하고 제 자신을 믿고 좌절보단 이겨내는 힘을 기르고 이번 프로젝트를 통해 경험할 수 있어 한층 더 성장할 수 있었던 기회였던 것 같았습니다. |

| **이현우**  | 프로젝트를 하면서 백엔드와 프론트엔드 양쪽에서 맡은 부분이 있어서 정말 많은 것을 배우고 경험했습니다. 백엔드에서는 데이터 파싱, 다이어리, 통계, 이미지, 추천 시스템을 다루었는데, 이 과정에서 예상치 못한 어려움과 에러들을 마주했습니다. 특히 데이터 파싱과 통계 처리 부분에서는 여러 가지 문제에 직면하여 많은 고민을 하게 되었습니다. 데이터 파싱은 사용자로부터 입력된 데이터를 읽고 ChatGPT에 전송하여 응답받은 내용을 파싱하는 것으로 이 과정에서 예기치 못한 데이터 형식이나 누락된 데이터 등으로 인한 에러가 발생했습니다. 이러한 문제를 해결하기 위해 데이터 유효성 검사와 예외 처리를 더 세밀하게 처리하였습니다. 통계 처리 부분에서는 다양한 데이터를 분석하고 시각화하는 과정에서 많은 어려움을 겪었습니다. 어떤 통계 지표를 선택할지, 어떻게 시각화를 할 지 등에 대한 고민이 많았습니다. 기존에 다뤄보지 않은 것들을 활용하면서 저에게 많은 경험이 된 것 같습니다. |