🧪 Test: 도메인 적용 테스트

kw-bookmedicine · Mar 6, 2024 · 10e502c · 10e502c
2 parents b314988 + 9d6c16c
commit 10e502c
Show file tree

Hide file tree

Showing 7 changed files with 76 additions and 321 deletions.
diff --git a/src/components/BookDetailCard.jsx b/src/components/BookDetailCard.jsx
@@ -7,7 +7,7 @@ import HashTag from '../components/HashTag';
 //STYLES
 import '../styles/BookDetailCard.css';
 
-const BookDetailCard = ({ title, author }) => {
+const BookDetailCard = ({ title, author, imageUrl }) => {
 	const [searchParams, setSearchParams] = useSearchParams();
 	const bookTitle = searchParams.get('title');
 	// console.log('title:', bookTitle);
@@ -22,20 +22,26 @@ const BookDetailCard = ({ title, author }) => {
 				<div className="bookCard_container">
 					<div className="bookCard_wrapper">
 						<div className="bookCard_left_wrapper">
-							<div className="left_img_wrapper"></div>
+							<div className="left_img_wrapper">
+								<img
+									className="img_wrapper_thumbnail"
+									src={imageUrl}
+									alt="썸네일"
+								/>
+							</div>
 						</div>
 						<div className="bookCard_right_wrapper">
 							<div className="bookCard_right_up_wrapper">
-								<div className="right_up_title">{title}</div>
+								<div className="right_up_title" title={title}>
+									{title}
+								</div>
 								<div className="right_up_author">{author}</div>
 							</div>
 							<div className="bookCard_right_bottom_wrapper">
 								<HashTag text={'행복'} type="sm-category" />
 								<HashTag text={'해피니스'} type="sm-category" />
 								<HashTag text={'클로버'} type="sm-category" />
 								<HashTag text={'해쉬태그4'} type="sm-category" />
-								<HashTag text={'해쉬태그5'} type="sm-category" />
-								<HashTag text={'해쉬6'} type="sm-category" />
 							</div>
 						</div>
 					</div>

diff --git a/src/pages/BookList.jsx b/src/pages/BookList.jsx
@@ -150,33 +150,18 @@ const BookList = () => {
 
 		// 중분류 가져오기
 
-		categories.map((res) => {
-			console.log('대분류:', title);
-			setMidCategory(res[title]);
-		});
-		// axios
-		// 	.get(
-		// 		'https://port-0-backend-book-pharmacy-umnqdut2blqqhv7sd.sel5.cloudtype.app/api/category/big',
-		// 	)
-		// 	.then((res) => {
-		// setMidCategory(res.data);
-		// console.log(res.data);
-		// console.log('대분류:', title);
-		// setMidCategory(res.data[title]);
-		// categories.map((result) => {
-		// console.log(result);
-		// if (result.big === title) {
-		// 	console.log(result.big);
-		// 	console.log(result.mid);
-		// 	setMidCategory(result.mid);
-		// setNameList(result.big);
-		// console.log('name:', nameList);
-		// }
-		// console.log('yes');
-		// });
-
-		// console.log(res.data[title]);
+		// categories.map((res) => {
+		// 	console.log('대분류:', title);
+		// 	setMidCategory(res[title]);
 		// });
+		axios
+			.get(
+				'https://port-0-backend-book-pharmacy-umnqdut2blqqhv7sd.sel5.cloudtype.app/api/category/big',
+			)
+			.then((res) => {
+				console.log(res.data[title]);
+				setMidCategory(res.data[title]);
+			});
 	}, []);
 
 	return (
@@ -192,9 +177,8 @@ const BookList = () => {
 					/>
 					<div className="bookList_wrapper">
 						{midCategory?.map((e) => {
-							console.log(e);
+							// console.log(e);
 							// setNameList(e.name);
-							// key 값 중분류에 맞게 변경해야됨.
 							return (
 								<BookListSlide
 									key={e}

diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
@@ -116,38 +116,18 @@ export default function Login() {
 	const loginData = { username: id, password: pwd };
 
 	const postLogin = async () => {
-		console.log('아이디:', id, '비번:', pwd);
+		// console.log('아이디:', id, '비번:', pwd);
 		setUserId(id);
 		setUserPwd(pwd);
 		if (id.length > 0 && pwd.length > 0) {
-			localStorage.setItem('id', id);
-			localStorage.setItem('password', pwd);
 			axios
-				.post(
-					'https://port-0-backend-book-pharmacy-umnqdut2blqqhv7sd.sel5.cloudtype.app/login',
-					loginData,
-					{ withCredentials: true },
-				)
-				.then(() => {
-					axios
-						.get(
-							'https://port-0-backend-book-pharmacy-umnqdut2blqqhv7sd.sel5.cloudtype.app/hello',
-							{ withCredentials: true },
-						)
-						.then((res) => {
-							console.log(res.data);
-						})
-						.catch((err) => {
-							console.log(err);
-						});
+				.post('https://api.bookpharmacy.store/login', loginData, {
+					withCredentials: true,
+				})
+				.then((res) => {
 					// console.log(res);
-					// let token = res.headers.authorization;
-					// // localStorage.setItem('token', token); // 전체 토큰 저장
-					// localStorage.setItem('accessToken', 'Bearer ' + token.split(' ')[1]); // 액세스 토큰 저장
-
-					// localStorage.setItem('refreshToken', 'Bearer ' + token.split(' ')[2]); // 리프레시 토큰 저장
-
-					// 받아온 token을 암호화 하는 방식에 대해 고민 필요함.
+					localStorage.setItem('id', id);
+					localStorage.setItem('password', pwd);
 
 					// window.location.replace('/main');
 				})