EM Project

EM 프로젝트란?
Emotion 의 약자로 감정 다이어리를 기록하는 프로젝트 이다.


해당 프로젝트를 진행하게 된 계기
이번 프로젝트는 평상시 내 관심사를 빗대어 만들게 되었다…

사람은 그날 컨디션에 따라 스트레스를 대하는 자세가 다르게 나오는데, 컨디션이 좋은 날에는 평정심을 유지하여 짐착함을 잃지 않은 반면에 그렇지 않은 날에는 조그마한 스트레스에도 우울한 감정 상태로 변하거나 쉽게 화를 내게 되는거 같다.
나같은 경우는 전날 잠을 잘 못자거나, 배고픈 상태일 경우 컨디션이 안좋아져서 금세 예민해지고 히스테리 부리게 되는거 같다…

나는 이와같이 스트레스를 대하는 자세를 네가지 분류 “우울감, 지독한우울감, 낙천적, 다혈질” 로 분류하고 날마다 자신의 감정을 체크하여 그래프로 집계해보면 어떨까 하는 생각이 들었다.
아마도 호르몬 주기때에는 조금더 들쑥날쑥한 그래프 형태를 보이지 않을까 싶다. ㅎㅎ


로그인 후 감정 일기 등록하기

유저 계정 정보로 로그인 후 일기를 남기는 과정이다. 계정별로 로그인 과정을 구현한 만큼 유저별 감정일기를 기록하고 관리하고싶었으나 아직 회원가입 기능까지는 추가하질 못했다. 일기는 하루에 한번만 등록 가능하며, 매일 등록된 일기를 토대로 내 감정 코드 변화의 흐름을 확인 할 수 있다.


감정일기 제목 필터링, 그래프 확인

등록된 감정일기를 제목별로 필터링 하여 볼 수 있다. 상단 우측 그래프 버튼을 통해 입력된 감정일기의 감정코드를 그래프 형태로 확인할 수 있다.


너무 많은 데이터를 담고 있는 그래프는 가독성이 떨어진다

그래프로써 보여주는 최대 데이터량은 90일 까지이다(3개월). 그이상의 일자를 보여주면 가독성이 떨어져 그래프가 눈에 잘 안들어온다.


사용 기술
open JDK 12
iBatis 2.1.4
HTML
CSS3
javascript
Vue.js 2.6.14
jpa

DB
H2 Database

Framework
Spring Boot 2.3.11

template
mustache


Categories:

portfolio