TIL | 11/05/2022

#리액트 넷플릭스 UI 개선 및 인증 기능 구현

이전 TIL 이후에 추가한 기능
1. 모달창 밖을 터치/클릭 시 모달창이 닫히게 들기
2. 검색 기능
3. 검색 시 일정 딜레이 후 렌더링 되도록 사용자 정의 Hook 함수 생성

오늘 수정한 내용 (포트폴리오에 넣기 위함)
1. UI 개선
2. firebase를 사용한 인증 기능 구현
3. 검색어 없을 시 홈으로 이동

강사님이랑 같이 만들고 따라 작성한 프로젝트는 당연히 포트폴리오에 넣을 수 없다. 내가 기능을 추가하고 개선한 내용이 있어야 추가 할 수 있다. 그래서 조금 더 보기 좋고 불필요한 UI를 수정했고, 카카오톡과 트위터에서 사용한 인증기능을 추가 했다. 아직 인증 기능만 추가하고 인증에 관련된 UI는 만들지 않았다.

카카오톡과 너무나 닮은 로그인창...

내일 인증관련 UI 다 만들고 영화 디테일 페이지를 좀 수정하려고한다.

오늘 끝, 내일 안녕