직원 사진 관리 서비스

배포링크: https://thriving-fenglisu-0e5367.netlify.app/

사용 언어

HTML, CSS, JavaScript

라이브러리

jquery
Firebase

기능 구현

- HTML

• 메인 페이지, 프로필 페이지

- CSS

• 반응형 디자인 (PC-Mobile)
• 애니메이션 구현 (모달창)
• 상대수치 사용

- JavaScript

• Firebase를 사용하여 사진파일 관리
• 스크롤이 가능한 형태의 리스팅 페이지
• 사진 등록, 수정, 삭제 기능
• DOM event 조작
• 로딩 애니메이션
• 무한스크롤 기능
• 로컬스토리지 사용
• 이름 검색 기능

기능 구현 못한 부분

• 사진 편집 기능

User Flow

화면

유의사항

• 초기 데이터를 적게 생성
• .gitignore을 사용하여 firebase 모듈을 숨김처리

어려웠던 점

• js파일, function 정리