페이지 별 기능 정리

• 메인페이지

  • 이미지 슬라이드

    • fade-in 형태
    • 이미지와 함께 글자도 바뀜
    • 별도의 click 이벤트는 없음

  • 바로가기 배너

    • 배너 전체 클릭 후 <Link> 이동
    • hover 시 css 변화

  • 오시는 길

    • 그림 지도 유지
    • 3차 때 다른 기능 생길 시 바로가기 배너로 교체

  • 행사 배너

    • 유치원 내 행사 팝업

  • 유치원 소식 공지사항

    • 유치원 소식 게시판의 글 롤링해서 출력

    • 유치원 소식 게시판 상단 고정 글만 출력되는지 백엔드에 확인 필요

      → 상단 고정 기능 가능 / 고정된 글만 메인에 출력

  • 활동 앨범 (우측)

    • 화면 크기 고정
    • 스크롤
    • 활동 앨범 게시판의 가장 최근 게시글 3개 출력

  • 메뉴 (좌측)

    • 펼치기 / 닫기
    • 닫혔을 때 : 활동 부분 제외한 중간 영역만 가운데로 이동 (반응형x)

*** 메인 제외 페이지 : 가로 1445

• 로그인

  • 로그인 완료 시 메인 페이지로 이동

  • 아이디, 비밀번호 잊어버렸을 때 찾기 기능 가능한지 백엔드에 확인 필요

    → 본인 인증, 이메일 인증을 통한 회원가입 구현이 어렵기 때문에 관리자 페이지에서 관리자가

      **비밀번호 수정 가능하도록 함 (비밀번호 초기화)**
    

• 회원가입

  • 개인정보처리방침 : 내용보기 누르면 팝업창 (확인용)

  • 식별코드, 원생 정보 함께 입력해서 일치하면 회원가입 할 수 있는지 백엔드에 확인 필요

    → 식별코드 당 회원가입 인원 2명으로 제한 예정이라 식별코드,원생정보 확인은 필요없을듯

  • 식별코드 문자 전송 가능한지 백엔드에 확인 필요

    → 네이버 무료(50건) API 사용, 필요 기능 우선적으로 한 후 구현할 예정 (최대한 2차 때 구현)

  • 교직원 회원가입 - 3차

• 유치원 안내

  • 유치원 소식 - 단순 디자인 페이지
  • 원생 현황
    • 데이터 연동
    • 스와이퍼
  • 오시는 길

• 활동 앨범

  • 무한 스크롤
  • 등록 시 첫 사진이 썸네일로
  • 제목 검색
  • 글쓰기, 수정, 삭제는 관리자만 접근 가능

• 활동 앨범 상세보기

  • 댓글 기능 ㅇ

  • 이미지 스와이퍼 방식 - nmpjs 라이브러리 사용

    https://www.npmjs.com/package/react-image-gallery#react-image-gallery

• 유치원 소식

  • 일반 공지사항 (방학, 휴원, 유치원 행사 등)
  • 댓글기능 ㅇ
  • 페이지네이션, 가장 기본 게시판 형태로 구현
  • 공지사항 상단 고정 → 메인페이지에 출력

• 게시판 글쓰기

  • 앤트 디자인 - drag and drop

  • 이미지 외 다른 확장자 첨부파일도 업로드 가능한지 백엔드에 확인 필요

    → 수업 진도 나갈 예정, 가능하다고 함

  • 글쓰기 에디터 - 가장 마지막 순위로 작업 (안해도됨)

• 마이페이지

  • 학부모 정보수정 / 비밀번호 변경 따로 할지 … ? → 일단 보류
  • 키워드 뱃지 : 분기당 하나

• 학부모 관리 리스트

  • 회원 정리 : 추후 구현, 일단 버튼 자리만 잡아놓음 (백엔드에 확실히 할건지 확인 필요)

• 원생 관리 리스트

  • 반 승급이 가능한지 백엔드에 확인 필요

    → 2차 때는 반 승급 없이 하는걸로 .. 3차 때는 구현 .. ?

  • 상세정보 입력

  • 원생 등록 / 수정

    • 식별코드 문자 전송을 위해 비상연락망 추가
    • 주소 입력 → 우편번호 검색

3차 때 구현할 기능

• 알림장
• 교직원 회원가입
• 교직원 근태관리