shoveller / jfam Goto Github PK

슬라이드가 필요한 ui에서는 **swiper.js**를 사용해주세요.

• 각 슬라이드를 데이터로 받아 동적으로 렌더링 되도록 만들어주세요.
• 슬라이드의 prev, next 버튼도 구현해주세요.
• 키보드 키로도 작동되도록 구현해주세요.

localStorage를 사용하여 “시청 중인 컨텐츠”의 UI를 구성해주세요.

랜딩페이지 애니메이션을 구현해 주세요.

“회원가입 기능”을 구현해주세요.

• 최소한 이메일, 비밀번호 입력 필드(input), 제출 버튼(button)을 가지도록 구성해주세요.

이메일과 비밀번호의 유효성을 확인합니다.

• 이메일 조건 : 최소 @, . 포함
• 비밀번호 조건 : 특수문자 포함 최소 6자 - 최대 16자
• 이메일과 비밀번호가 모두 입력되어 있고, 조건을 만족해야 제출 버튼이 활성화 되도록 구현해주세요.

회원가입을 통해 사용자(user)를 생성하고 관리합니다.

• 데이터 통신을 통해 유저를 생성하고 관리해주세요
• 유저의 회원을 탈퇴할 수 있는 기능을 구현해주세요
• 로그인된 유저를 인식하여 UI를 다르게 랜더링해주세요
• 로그인되지 않은 사용자면 회원가입 페이지로 리디렉션 시켜주세요
• 회원가입시 중복된 유저가 있는지 체크해주세요

• 랜딩 페이지

• 메인 페이지

• 회원가입

• 로그인

• 프로필