직원관리 웹사이트

개발현황 직원관리웹사이트 ver 0.1

참여인원 : 1명(개인)
개발기간: 2023.08.7 ~ 2023.08.14

배포 주소

개발 버전 : https://kyungkyubae.github.io/employeeManagement/

개발자 소개

배경규
@kyu

프로젝트 소개

JS , CSS , HTML 그리고 firebase를 통해 데이터를 DB에 저장하고 관리하여 직원리스트,직원등록,직원삭제,직원수정,검색기능 구현 등을 하는 페이지입니다.

---

Stacks 🐈

Development

---

주요 기능 📦

⭐️ 직원 등록

• 직원 등록 버튼 -> 직원 등록 페이지 -> 직원 정보 입력 -> 직원 정보 DB 저장

⭐️ 직원 삭제

• 직원 선택 ( 체크박스 다중선택 가능 ) -> 직원 삭제 버튼 -> 직원 정보 DB 삭제

⭐️ 직원 상세정보

• 리스트에서 상세정보 확인 할 직원 선택 -> localstorage에 직원 ID 값 저장 -> 상세 페이지 이동 -> 직원 상세 정보

⭐️ 직원 정보 수정

• 리스트에서 상세정보 확인 할 직원 선택 -> localstorage에 직원 ID 값 저장 -> 상세 페이지 이동 -> 직원 상세 정보
  ->직원 수정 -> 직원 수정 페이지 이동 -> 수정 정보 입력 -> 직원 정보 DB 수정

⭐️ 직원 리스트

• 메인 페이지 -> DB에서 직원 정보 읽기 -> 리스트로 렌더링

⭐️ 직원 검색

• 검색어 입력 -> 직원 리스트에서 검색어 필터링 -> 필터링 된 리스트 렌더링

⭐️ 총직원수

• DB에 저장된 총직원 수 읽기 -> 메인페이지 및 직원관리 페이지에 렌더링

---

유저 플로우