https://seungsimdang-photo-manager.netlify.app/
- HTML
- CSS
- JavaScript
< HTML >
- 페이지 헤더 생성
- 직원 목록과 직원 추가 및 삭제 버튼 등의 메인 콘텐츠 생성
< CSS >
- 상대 수치(ren)를 사용한 페이지 스타일을 지정
- 애니메이션 구현
< JavaScript >
- JavaScript를 이용한 반응형 페이지 구현
- 직원 추가 버튼을 클릭하여 새로운 직원을 등록
- 체크박스를 삭제한 직원에 대해 직원 삭제 버튼 클릭 시 직원 목록에서 제거
- 이름, 이메일로 직원 검색
- 직원 프로필을 눌러 상세 페이지로 이동
- firebase를 사용해보지 않아 기능 구현이 어려웠다.
- SPA 개발을 목표로 하였지만 어려워서 구현하지 못했다.
- 로그인 기능은 시간상 구현하지 못했다.
- 개인적으로 지금까지 배웠던 JavaScript 내용으로 구현하기 어려웠던 과제였던 것 같다. 하지만 과제를 진행하면서 DOM 조작 방법 등 배울 수 있는 것이 많은 과제였다. 추후 리팩토링 시 더욱 완성도 있게 개선해보고 싶다.