SSAFY 10기 2학기 공통 프로젝트 - 새싹일기
https://i10a706.p.ssafy.io/
- 기간: 2024.01.03 ~ 2024.02.16
- 주제: 우리 아이 어린이집 생활 공유 서비스
- 개요:
새싹일기는 어린이집 관리 및 부모와의 소통을 위한 웹 서비스입니다.
사이트에 접속하면 새싹일기 서비스 이용 가이드를 확인할 수 있습니다.
로그인 후에는 각 유저에게 맞는 오늘 날짜의 데이터를 확인할 수 있는 대시보드를 제공합니다.
서비스 화면
선생님은 유치원의 공지사항을 첨부파일과 함께 등록할 수 있습니다.
학부모님은 중요한 공지사항을 즐겨찾기하여 상단에 고정하고, 대시보드에서 쉽게 확인할 수 있습니다.
서비스 화면
선생님은 아이의 하루를 작성하고, 선택적으로 건강기록을 함께 등록할 수 있습니다.
(해당 날짜에 등록된 앨범이 있으면 알림장의 커버사진으로 자동으로 등록됩니다.)
학부모님은 성장 기록 확인 에서 알림장에 기록된 키, 몸무게 데이터를 토대로 그려진 차트를 통해 아이의 성장 속도를 확인할 수 있습니다.
또한, 요약 레포트 에서 2주 내 기간을 선택하면, 아이의 어린이집 생활을 간편하게 확인할 수 있습니다.
서비스 화면
선생님은 간편하게 반 아이들의 사진을 날짜별로 제목과 사진을 1번만 등록하면 됩니다.
업로드된 사진을 AI가 아이들의 얼굴을 인식하여 자동으로 분류하고, 아이별 앨범을 생성합니다.
이를 통해 학부모님은 그 날의 반 앨범에서 내 아이의 사진만 손쉽게 확인하고 다운로드 받을 수 있습니다.
서비스 화면
학부모님은 귀가 동의서와 식품 알레르기 동의서를 간편하게 작성할 수 있습니다.
선생님은 전자서명을 통해 신뢰있는 서류 관리가 가능하며, 선생님의 확인여부를 학부모님이 확인할 수 있습니다.
귀가 동의서를 작성하면 선생님에게 실시간 일림을 보내 바로 확인할 수 있습니다.
서비스 화면
선생님은 제공된 식단표를 기반으로 일별로 음식명과 알레르기 식품 정보를 등록하고, 식단 사진은 당일 추가로 등록할 수 있습니다.
또한, 식품 알레르기 동의서에 있는 성분이 오늘의 식단표에 있다면, 점심/간식 시간에 실시간 알림을 보내 선생님이 해당 아이의 식단을 잊지 않고 확인할 수 있습니다.
서비스 화면
선생님이 반 아이들의 등/하원 시 버튼을 누르면, 학부모님은 아이의 등/하원 시간을 실시간 알림으로 전달받을 수 있습니다.
선생님은 반 아이들의 출석 현황을 테이블 형식으로, 학부모님은 내 아이의 출석 현황을 캘린더 형식으로 확인할 수 있습니다.
서비스 화면
선생님은 우리반 관리 메뉴를 통해 아이를 등록하고, 발급되는 등록코드를 학부모님에게 전달합니다.
(등록된 프로필 사진이 앨범의 AI 사진 분류에 이용됩니다.)
학부모님은 가입 혹은 추가로 아이를 등록할 때, 전달받은 코드를 입력하면 아이가 추가됩니다.
서비스 화면
선생님과 학부모님은 채팅을 통해 전화번호 노출 없이 소통을 할 수 있습니다.
또한, 상황에 따라 필요 시, 선생님은 학부모에게 화상 채팅을 요청할 수 있습니다.
서비스 화면
👀 FrontEnd
이민주 (팀장) |
김선영 (팀원) |
김종인 (팀원) |
|
1. 소셜 로그인 기능 구현 2. 화상화면 및 채팅 기능 구현 3. JIRA 관리 |
1. Figma (UI/UX) 2. 메인 / 알림장 페이지 구현 3. 식단표 / 출석부 페이지 구현 |
1. 앨범 페이지 2. 동의서 페이지 3. 다운로드, 전자서명 기능 구현 |
김하은 (팀원) |
윤선아 (팀원) |
이민우 (팀원) |
|
1. 인프라 구현 2. 화상화면 및 채팅기능 구현 3. 공지사항 API 기능 구현 |
1. 알림 기능 구현 2. 소셜 로그인 기능 구현 3. 식단표 / 동의서 / 출석부 기능 구현 |
1. AI 사진 분류 모델 학습 2. 알림장 API 기능 구현 3. 앨범 API 기능 구현 |
📌 부모님 화면
📌 선생님 화면
자세히 보기
git flow는 각자 맡은 기능에 맞게 feature 브랜치를 생성하고, 완료된 기능은 develop에 merge하여 사용했습니다. 충돌 상황을 최소화하고자 매일 오후 퇴실 전 스크럼에 각자 작업한 기능을 git에 push하였습니다.
또한 commit message 는 [feature/역할/기능] git 컨벤션과 같이 통일하여 작성했습니다.
Feat : 새로운 기능을 추가하는 경우
Fix : 버그를 고친경우
Docs : 문서를 수정한 경우
Style : 코드 포맷 변경, 세미콜론 누락, 코드 수정이 없는경우
Refactor : 코드 리팩토링
Test: 테스트 코드 작성
FE 폴더 구조
📦frontend
┗ 📂saessak
┃ ┣ 📂.vscode
┃ ┃ ┗ 📜extensions.json
┃ ┣ 📂src
┃ ┃ ┣ 📂api
┃ ┃ ┣ 📂assets
┃ ┃ ┣ 📂components
┃ ┃ ┃ ┣ 📂album
┃ ┃ ┃ ┣ 📂attendance
┃ ┃ ┃ ┣ 📂board
┃ ┃ ┃ ┣ 📂chat
┃ ┃ ┃ ┣ 📂common
┃ ┃ ┃ ┣ 📂document
┃ ┃ ┃ ┣ 📂menu
┃ ┃ ┃ ┣ 📂notice
┃ ┃ ┃ ┣ 📂setting
┃ ┃ ┃ ┗ 📂user
┃ ┃ ┣ 📂router
┃ ┃ ┣ 📂store
┃ ┃ ┣ 📂views
┃ ┃ ┣ 📜App.vue
┃ ┃ ┣ 📜AppView.vue
┃ ┃ ┗ 📜main.js
BE 폴더 구조
📦backend
┗ 📂saessak
┃ ┣ 📂gradle
┃ ┃ ┗ 📂wrapper
┃ ┣ 📂src
┃ ┃ ┣ 📂main
┃ ┃ ┃ ┣ 📂java
┃ ┃ ┃ ┃ ┗ 📂com
┃ ┃ ┃ ┃ ┃ ┗ 📂ssafy
┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂saessak
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂alarm
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂album
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂attendance
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂board
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂chat
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂handler
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂util
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂config
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂document
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂code
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂fcm
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂util
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂growth
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂menu
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂oauth
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂authentication
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂client
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂kakao
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂jwt
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂filter
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂token
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂result
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂s3
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂user
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂domain
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜SaessakApplication.java
AI 폴더 구조
📦recognition
┗ 📂deepface
┗ 📂modules
┗ 📂refactor
┗ 📜deepface_server.py