react를 공부하면서 만든 movie 사이트 클론 코딩 토이프로젝트입니다.

영화 페이지

• tmdb api를 가져와 영화 목록 표기
• flex를 이용하여 비율에 맞춰 표시
• img, title, 평점 정보 import

영화 상세페이지

• 각 이미지 클릭 시, 상세 정보 표시

NotFound 페이지

Untitled.mp4

• url 주소가 잘못되었을 경우 not found 페이지를 따로 구현
• 메인 페이지로 이동 클릭시 home으로 이동 할 수 있도록 구현

로그인 토글 구현

Untitled.1.mp4

• useState 이용
• 로그인 되지 않은 상태에서 ‘로그인 해주세요!’ 문구 표시, 로그인 페이지로 이동
• 로그인 되어있는 상태에서 ‘환영합니다’ 문구 표시, 홈으로 이동

로그인 페이지

• 유효성 검사
• useState 이용
• alert 모달 띄우기