#감정분석 #일기장 #달력 #회원가입/로그인 #CRUD
https://github.com/ESG-TEAM3-PROJECT
https://github.com/ESG-TEAM3-PROJECT/emodi-front
https://github.com/ESG-TEAM3-PROJECT/emodi-back
이번 SW 엔지니어 트랙에서 배운 내용을 바탕으로 기본적인 CRUD 기능이 포함된 웹 서비스를 기획하게 되었습니다.
여러 아이디어를 고려한 끝에, 회원가입 및 로그인 기능이 필요한 일기장 서비스를 만들기로 결정했습니다.
일반적인 일기장과 차별점을 두기 위해 Naver CLOVA에서 제공하는 Sentiment API를 활용하여 사용자가 작성한 글의 감정을 분석해주는 기능을 추가하였습니다.
- 로그인 및 회원가입 기능
- 회원가입 페이지에서는 이메일, 비밀번호를 입력 받는다.
- 비밀번호를 재확인하는 입력란을 통해 비밀번호를 제대로 입력했는지 다시 확인한다.
- 로그인 페이지에서는 이메일과 비밀번호를 입력받아 인증을 수행한다.
- 로그인 성공 시 메인 페이지로 리다이렉트되며, 사용자는 자신의 일기를 작성 및 관리할 수 있다.
- 로그아웃 기능을 제공하여 사용자가 언제든지 로그아웃할 수 있다.
- 메인 페이지에서 달력 페이지로 넘어가서 일기 작성 기능
- 사용자가 캘린더의 특정 날짜를 클릭하면 해당 날짜에 일기를 작성할 수 있는 페이지로 이동한다.
- 일기 작성 페이지에서는 제목과 본문을 입력한다.
- 작성 완료 버튼을 클릭하면 일기가 저장되고, 감정 분석이 자동으로 수행된다.
- 감정 분석 결과에 따라 해당 날짜에 기분을 나타내는 이모지가 캘린더에 표시된다.
- 일기 조회 기능
- 사용자는 캘린더에서 특정 날짜를 클릭하여 해당 날짜의 일기를 조회할 수 있다.
- 일기 조회 페이지에서는 제목, 작성 날짜, 본문 내용이 표시된다.
- 일기 삭제 기능
- 캘린더에서 특정 날짜 일기의 삭제 버튼을 클릭하면 삭제 확인 메시지가 나타나고, 확인을 누르면 일기가 삭제된다.
- 일기가 삭제되면 해당 날짜의 이모지도 함께 제거된다.
- 일기 수정 기능
- 캘린더에서 특정 날짜의 일기의 수정 버튼을 클릭하면, 일기 수정 페이지에서는 제목과 본문을 수정할 수 있다.
- 수정 완료 버튼을 클릭하면 일기가 업데이트되고, 감정 분석이 다시 수행된다.
- 업데이트된 감정 분석 결과에 따라 캘린더의 이모지가 변경된다.
- 캘린더에서 이모지와 사용자 작성 제목 보기
- 메인 페이지인 캘린더에서는 각 날짜에 작성된 일기의 감정 분석 결과를 이모지로 표시한다.
- 캘린더 화면에서는 제목과 이모지가 표시된다.
- 감정 분석 통계 제공 기능
- 한 달 동안 분석된 사용자의 감정의 통계를 그래프로 시각화하여 제공한다.
- 시험 기간, 강의 수강, 사후 테스트 등으로 인해 짧은 기간에 여러 일정이 겹쳐 있어 아쉬웠습니다.
- SSR과 SEO에서 강점을 가지는 Next.js를 사용할 수 있어 좋았습니다. 특히 Typescript를 처음부터 도입해서 Type 관련 오류가 없는 상태로 계속 진행할 수 있었습니다.
- Git flow와 Commit Convention을 정하고 각 기능별로 issue를 생성하고, issue 번호에 맞는 branch에서 작업한 후 Pull Request을 등록해서 논의하는 방식으로 진행할 수 있어 좋았습니다.
| 이름 | Github |
|---|---|
| 김은수 (팀장, 백엔드) | https://github.com/minisyu |
| 김선진 (프론트엔드) | https://github.com/dawncoding |
| 김지환 (프론트엔드) | https://github.com/Turtle-Hwan |
| 김지현 (백엔드) | https://github.com/jyun27 |
| 이재성 (백엔드) | https://github.com/orgs/ESG-TEAM3-PROJECT/people/crLsTofu |
https://www.figma.com/design/7yxODfesEnCCOFNiI9tHbE/emodi?node-id=0-1&t=VSmWT02Kc6UMs1tU-1
