-
-
- )
-}
-
-export default CastCard;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/components/categoryCard/categoryCard.jsx b/mission/chapter05/mission/src/components/categoryCard/categoryCard.jsx
deleted file mode 100644
index a36edf5..0000000
--- a/mission/chapter05/mission/src/components/categoryCard/categoryCard.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import styled from "styled-components";
-
-
-const CategoryCard = ({title})=>{
- return(
-
- 
- {cast.name}
- {cast.character}
-
- 
-
-
- )
-
-}
-
-export default DetailCard;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/components/moviePoster/moviePoster.css b/mission/chapter05/mission/src/components/moviePoster/moviePoster.css
deleted file mode 100644
index 766d60f..0000000
--- a/mission/chapter05/mission/src/components/moviePoster/moviePoster.css
+++ /dev/null
@@ -1,36 +0,0 @@
- .movie_item{
- display: flex;
- flex-direction: column;
- height: 300px;
- width: 160px;
- position: relative;
- overflow: hidden;
- color: white;
- }
- .movie_item span{
- font-size: 15px;
- }
- .movie_item p{
- font-size: 10px;
- margin-top: 2px;
- }
- .poster_img{
- width: 100%;
- height: 80%;
- object-fit: cover;
- border-radius: 10px;
- }
- .poster_hover{
- width: 100%;
- height: 100%;
- background-color: grey;
- position: absolute;
- top: 0;
- left: 0;
- opacity: 0;
- border-radius: 10px;
-
- }
- .poster_hover:hover{
- opacity: 0.7;
- }
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/components/moviePoster/moviePoster.jsx b/mission/chapter05/mission/src/components/moviePoster/moviePoster.jsx
deleted file mode 100644
index 1a01871..0000000
--- a/mission/chapter05/mission/src/components/moviePoster/moviePoster.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import "./moviePoster.css"
-
-const MoviePoster = (props)=>{
- const {poster_path, title, release_date} = props
- return (
-
-
-
- {detail?.title}
- {`평균 ${detail?.vote_average}`} - {detail?.release_date} - {`${detail?.runtime}분`} -{detail?.tagline}
-{detail?.overview}
-
- 
- {title}
-
- )
-}
-
-export default MoviePoster;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/components/navbar/navbar.jsx b/mission/chapter05/mission/src/components/navbar/navbar.jsx
deleted file mode 100644
index e86d1e7..0000000
--- a/mission/chapter05/mission/src/components/navbar/navbar.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import {Link} from "react-router-dom";
-import styled from "styled-components";
-
-const Navbar = () => {
- return (
-
- {title}
- {release_date}
- -
- 로그인
- 회원가입
-
- -
-
찾기
- 영화
-
홈 페이지
- ) -} - -export default HomePage; \ No newline at end of file diff --git a/mission/chapter05/mission/src/pages/basicPages/loginPage/loginPage.css b/mission/chapter05/mission/src/pages/basicPages/loginPage/loginPage.css deleted file mode 100644 index 1b6c274..0000000 --- a/mission/chapter05/mission/src/pages/basicPages/loginPage/loginPage.css +++ /dev/null @@ -1,33 +0,0 @@ -.login_form_container{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 100%; -} -.login_form{ - display: flex; - flex-direction: column; -} -.login_form input{ - height: 50px; - width: 350px; - border-radius: 8px; -} -.login_form p{ - margin-top: 0px ; - font-size: 13px; -} -.submit { - background-color: #ff007c; - color: white; - font-weight: 400; - font-size: 16px -} -.error{ - border: 4px solid red; -} - -.gray{ - background-color: gray; -} \ No newline at end of file diff --git a/mission/chapter05/mission/src/pages/basicPages/loginPage/loginPage.jsx b/mission/chapter05/mission/src/pages/basicPages/loginPage/loginPage.jsx deleted file mode 100644 index 4798e1d..0000000 --- a/mission/chapter05/mission/src/pages/basicPages/loginPage/loginPage.jsx +++ /dev/null @@ -1,33 +0,0 @@ -import useForm from "../../../hooks/useForm.js"; -import './loginPage.css'; -import {validateLogin} from "../../../utils/validate"; - -const LoginPage = ()=>{ - const login = useForm({ - initialValue:{ - email: '', - password: '', - }, - validate: validateLogin - }) - return( -
-
-
- )
-}
-
-export default LoginPage;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/pages/basicPages/loginPage/myloginPage.jsx b/mission/chapter05/mission/src/pages/basicPages/loginPage/myloginPage.jsx
deleted file mode 100644
index b7444ea..0000000
--- a/mission/chapter05/mission/src/pages/basicPages/loginPage/myloginPage.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useForm } from "react-hook-form";
-import { useState } from "react";
-import * as yup from 'yup';
-import {yupResolver} from '@hookform/resolvers/yup';
-// import './loginPage.css';
-const LoginPage = ()=>{
- const emailSchema = yup.object().shape({
- email : yup.string().email('올바른 이메일 형식이 아닙니다 다시 확인해주세요!').required('이메일을 반드시 입력해주세요.'),
- })
- const pwdSchema = yup.object().shape({
- password : yup.string().min(8,'비밀번호는 8자~ 16자 사이로 입력해주세요!',).max(16,'비밀번호는 8자~ 16자 사이로 입력해주세요!').required('비밀번호를 반드시 입력해주세요.'),
- })
- const emailForm = useForm({
- resolver: yupResolver(emailSchema)
- })
- const pwdForm = useForm({
- resolver: yupResolver(pwdSchema)
- })
-
- const onSubmit = (data)=>{
- console.log('폼 데이터 제출');
- console.log(data);
- }
-
- return(
- 로그인
- -
-
-
- )
-}
-
-export default LoginPage;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/pages/basicPages/searchPage.jsx b/mission/chapter05/mission/src/pages/basicPages/searchPage.jsx
deleted file mode 100644
index e109dfc..0000000
--- a/mission/chapter05/mission/src/pages/basicPages/searchPage.jsx
+++ /dev/null
@@ -1,7 +0,0 @@
-const SearchPage = ()=>{
- return(
- 로그인
- -검색 페이지 야호~!
- ) -} - -export default SearchPage; \ No newline at end of file diff --git a/mission/chapter05/mission/src/pages/basicPages/signupPage.jsx b/mission/chapter05/mission/src/pages/basicPages/signupPage.jsx deleted file mode 100644 index bce3182..0000000 --- a/mission/chapter05/mission/src/pages/basicPages/signupPage.jsx +++ /dev/null @@ -1,31 +0,0 @@ -import { useForm } from "react-hook-form"; -import * as yup from 'yup'; -import {yupResolver} from '@hookform/resolvers/yup'; - -const SignupPage = ()=>{ - const schema = yup.object().shape({ - email : yup.string().email().required('이메일을 반드시 입력해주세요.'), - password : yup.string().min(8,'비밀번호는 8자 이상이어야 합니다.',).max(16,'비밀번호는 16자 이하여야 합니다.').required('비밀번호를 반드시 입력해주세요.'), - }) - - const {register, handleSubmit, formState: {errors}} = useForm({ - resolver: yupResolver(schema) - }); - - const onSubmit = (data) =>{ - console.log("폼 데이터 제출"); - console.log(data); - } - - return( - - ) -} - -export default SignupPage; \ No newline at end of file diff --git a/mission/chapter05/mission/src/pages/categoryPage/categoryPage.jsx b/mission/chapter05/mission/src/pages/categoryPage/categoryPage.jsx deleted file mode 100644 index b140318..0000000 --- a/mission/chapter05/mission/src/pages/categoryPage/categoryPage.jsx +++ /dev/null @@ -1,37 +0,0 @@ -import { Link } from "react-router-dom"; -import CategoryCard from "../../components/categoryCard/categoryCard"; -import styled from "styled-components"; - -const categoryList = [ - { title : "현재 상영 중인", value : "now-playing"}, - { title : "인기 있는", value : "popular"}, - { title : "높은 평가를 받은", value : "top-rated"}, - { title : "개봉 예정중인", value : "up-coming"} - -] - -const CategoryPage = ()=>{ - return( -카테고리
-로딩중 입니다...
에러 발생
-
-
-
- )
-}
-
-export default DetailPage;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/pages/movieRoute/moveRoute.jsx b/mission/chapter05/mission/src/pages/movieRoute/moveRoute.jsx
deleted file mode 100644
index 286967d..0000000
--- a/mission/chapter05/mission/src/pages/movieRoute/moveRoute.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useParams} from 'react-router-dom';
-import MoviesPage from './moviesPages/moviesPage';
-import DetailPage from './detailPage/detailPage';
-
-const MovieRoute = ()=>{
- const {categoryOrMovieId} = useParams();
- const isNumber = /^\d+$/.test(categoryOrMovieId);
- return isNumber ?
-
- 감독/출연
-
- {movie.data?.cast.map((cast)=>(
-
- ))}
-
- 로딩중 입니다...
에러 발생
- {movies.data?.results.map((movie) => (
-
-
-
- ))}
-
-
- )
-}
-
-export default MoviesPage;
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/pages/movieRoute/moviesPages/moviesPages.css b/mission/chapter05/mission/src/pages/movieRoute/moviesPages/moviesPages.css
deleted file mode 100644
index f33b39d..0000000
--- a/mission/chapter05/mission/src/pages/movieRoute/moviesPages/moviesPages.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.movie_poster_list{
- display: flex;
- flex-wrap: wrap;
- width: 100%;
- gap: 15px;
- margin-left: 15px;
- margin-top: 15px;
-
- }
\ No newline at end of file
diff --git a/mission/chapter05/mission/src/utils/validate.js b/mission/chapter05/mission/src/utils/validate.js
deleted file mode 100644
index 07eefaf..0000000
--- a/mission/chapter05/mission/src/utils/validate.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const emailPattern = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-za-z0-9\-]+/;
-
-function validateUser(values){
- const errors ={
- email : '',
- password : '',
- }
-
- if (emailPattern.test(values.email) === false){
- errors.email = '올바른 이메일 형식이 아닙니다. 다시 확인해주세요!'
- }
-
- if(values.password.length<8 || values.password.length > 16){
- errors.password = '비밀번호는 8 ~ 16자 사이로 입력해주세요!'
- }
- return errors;
-}
-
-function validateLogin(values){
- return validateUser(values);
-}
-
-export {validateLogin}
\ No newline at end of file
diff --git a/mission/chapter05/mission/vite.config.js b/mission/chapter05/mission/vite.config.js
deleted file mode 100644
index 861b04b..0000000
--- a/mission/chapter05/mission/vite.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-
-// https://vitejs.dev/config/
-export default defineConfig({
- plugins: [react()],
-})