개발 기간: 2023-08-08 ~ 2023-08-18
개발 인원: 1명
Cookie 임직원 프로필을 등록 수정 확인 삭제가 가능한 웹 페이지입니다.
https://kdt-fe-js-project.vercel.app/
1.프로필 등록
프로필 사진과 정보들을 input 태그에 입력하고 이 데이터들을 사진은 firebase storage에 텍스트 정보들은 firestore에 전송합니다.
2.프로필 수정
프로필에 수정된 데이터들을 서버와 비교하여 변경된 데이터들을 업데이트합니다.
3.프로필 삭제
해당 프로필과 동일한 아이디를 참조한 후 해당 필드를 서버에서 삭제하고 요소에서도 삭제합니다.
4.프로필 검색
input 태그로 쓰여진 문자 데이터와 서버의 데이터를 비교한 후 일치하는 데이터를 반환합니다.
- “AWS S3 / Firebase 같은 서비스”를 이용하여 사진을 관리할 수 있는 페이지를 구현하세요.
- 프로필 페이지를 개발하세요.
- 스크롤이 가능한 형태의 리스팅 페이지를 개발하세요.
- 전체 페이지 데스크탑-모바일 반응형 페이지를 개발하세요.
- 사진을 등록, 수정, 삭제가 가능해야 합니다.
- 유저 플로우를 제작하여 리드미에 추가하세요.
- CSS 애니메이션 구현
- CSS 상대수치 사용(rem, em)
- JS DOM event 조작
- 사진 관리 페이지와 관련된 기타 기능도 고려해 보세요.
- 페이지가 보여지기 전에 로딩 애니메이션이 보이도록 만들어보세요.
- 직원을 등록, 수정, 삭제가 가능하게 해보세요.
- 직원 검색 기능을 추가해 보세요.
- infinity scroll 기능을 추가해 보세요.
- 사진을 편집할 수 있는 기능을 추가해 보세요.
- LocalStorage 사용
- 객체지향 방식의 개발 방식
- 로그인 기능 구현 및 권한
- 검색 기능 고도화
- 아키텍쳐에 대한 이해
- 성능 최적화에 대한 이해
- CRUD의 고도화
- Firebase에 대한 이해
- 비동기처리에 대한 이해
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent