✅ 프로젝트 개요

🎞️ 시연 영상

2차

https://www.youtube.com/watch?v=SdolCKqjZKw

3차

https://youtu.be/bYq38cG8pIk?si=VKAhYxZ9-oAG6p_s

📁 발표 자료

2차

떡잎유치원 2차 발표 PPT

3차

떡잎유치원 3차 발표 PPT

😺 GitHub

GitHub - devcodemaestro/kindergarten: 유치원 원생 및 직원 관리 서비스

👥 팀원 소개

Front-End

| 이상재 (2차 팀장) | 담당파트 → 퍼블리싱 : 활동 앨범, 추억 앨범 → 개발 : 활동 앨범, 추억 앨범, 초기 개발환경 세팅 → 그 외 : 2차 팀장(기획, 총괄), Github 관리 → GitHub : https://github.com/devcodemaestro | | --- | --- | | 김소미 | · 담당파트 → 퍼블리싱 : 메인, 로그인, 회원가입, 마이페이지, 유치원소개, 육아정보, 알림장 리스트, 만든사람들, 전체 페이지 반응형 → 개발 : 메인, 로그인, 회원가입, 마이페이지, 유치원소개, 육아정보, 알림장 리스트, push 알림 → 그 외 : Figma를 활용한 페이지 및 로고 디자인, 와이어프레임, 화면상세명세서 작성 → GitHub : https://github.com/kimsomi0126 | | 도선경 | · 담당파트 → 퍼블리싱 : 관리자 (학부모 관리, 원생 관리, 선생님 관리) → 개발 : 관리자 (학부모 관리, 원생 관리, 선생님 관리) → 그 외 : Notion 정리, 회의록, canva → GitHub : https://github.com/do-sg | | 김도현 (3차 팀장) | · 담당파트 → 퍼블리싱 : 유치원 소식(리스트, 상세, 등록, 삭제), 알림장(등록, 수정, 삭제) → 개발 : 유치원 소식(리스트, 상세, 등록, 삭제), 알림장(등록, 수정, 삭제) → 그 외 : 3차 팀장(총괄), 요구사항 명세서 → GitHub : https://github.com/dsa9925 |

Back-End

| 김경현 (2차 백엔드 팀장) | · 담당파트 → 개발 : 선생님 유저, 유치원 알림장 조회, 유치원 소식 CRUD, 알림장 발송 → 그 외 : 2차 팀장(총괄), 요구사항명세서 → GitHub : https://github.com/hyunnnni | | --- | --- | | 곽경록 | · 담당파트 → 개발 : 원아 user, 유치원 알림장 CRUD, 선생님 로그인, 검색 → 그 외 : ERD → GitHub : https://github.com/GYEONGROK11 | | 노혜선 | · 담당파트 → 개발 : 부모님 유저, 반별 조회, 유치원 소식 조회, 추억 앨범 수정, 댓글 → 그 외 : 기능 명세서 → GitHub : https://github.com/NohHyeseon | | 양애영 (3차 백엔드 팀장) | · 담당파트 → 개발 : 활동 앨범 CRUD, 댓글 등록 및 삭제, 선생님 정보 수정 및 삭제, 병원 공공 API, 추억앨범 등록 및 수정 → 그 외 : 3차 팀장(총괄), TDD → GitHub : https://github.com/yangaeyoung |

📝 회의록

(전체) 240102 주제 선정 및 필요 기능 회의

(FE) 240104 페이지 별 기능 회의

(전체) 240105 강사님 피드백 및 기능 정리

(전체) 240108 멘토링 및 추가 회의

(FE) 240109 페이지별 기능 정리

(전체) 240112 멘토링 및 추가 회의

(FE) 240116 멘토링

(전체) 240207 3차 기능 정리

(전체) 240216 멘토링

(전체) 240221 멘토링

(전체) 240226 멘토링

(전체) 240229 멘토링

🗂️ 공유문서

와이어 프레임 (1차, 2차)

최종 디자인 시안

화면상세설계서

요구사항명세서

기획서

📍 프로젝트 기본 세팅

프로젝트 초기 세팅 (팀장)

커밋 유형 지정

Git 과정

코딩 컨벤션

🔍 참고 사이트

Swiper Demos

Swiper - Pagination

Dropdown - Ant Design

Ant Design - Dropdown

npm: react-image-gallery

react-image-gallery

🚨 문제점 및 해결방법

<a> cannot appear as a descendant of <a>

저작권 문제

앨범기능 무한스크롤 구현

프로젝트 Route 중첩과 Outlet

이벤트 전파 차단(버블링)

이미지 업로드 및 수정 오류

📆 프로젝트 일정 및 작업내역서