From d466f339b3b5e34039252705ea000df903c2a832 Mon Sep 17 00:00:00 2001 From: jonghun Date: Sun, 18 Aug 2024 18:18:52 +0900 Subject: [PATCH 01/14] =?UTF-8?q?design:=20=ED=82=A4=EC=9B=8C=EB=93=9C=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD=20(=EB=B9=88=EC=A7=91=EA=B1=B0=EB=9E=98=20->?= =?UTF-8?q?=20=EB=86=8D=EA=B0=80=EA=B1=B0=EB=9E=98)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Common/Footer/index.tsx | 2 +- src/components/Common/Navbar/index.tsx | 2 +- src/components/Common/ToggleMenu/index.tsx | 2 +- src/pages/MyPage/home/index.tsx | 2 +- src/pages/Trade/Board/index.tsx | 4 ++-- src/pages/Trade/Process/index.tsx | 2 +- src/pages/Trade/Write/index.tsx | 2 +- src/pages/Trade/index.tsx | 6 +++--- src/utils/utils.ts | 2 +- 9 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/components/Common/Footer/index.tsx b/src/components/Common/Footer/index.tsx index 2ee78b5..ed5f4a1 100644 --- a/src/components/Common/Footer/index.tsx +++ b/src/components/Common/Footer/index.tsx @@ -40,7 +40,7 @@ export default function Footer() { ); }} > - 빈집거래 서비스 관련 + 농가거래 서비스 관련 diff --git a/src/components/Common/Navbar/index.tsx b/src/components/Common/Navbar/index.tsx index 0bebe97..0314b3e 100644 --- a/src/components/Common/Navbar/index.tsx +++ b/src/components/Common/Navbar/index.tsx @@ -37,7 +37,7 @@ function DesktopNavbar({ 오도이촌 소개 - 빈집거래 + 농가거래 오도이촌 소개 - 빈집거래 + 농가거래 커뮤니티 {token ? : } diff --git a/src/pages/MyPage/home/index.tsx b/src/pages/MyPage/home/index.tsx index 556db5d..16263a3 100644 --- a/src/pages/MyPage/home/index.tsx +++ b/src/pages/MyPage/home/index.tsx @@ -47,7 +47,7 @@ function MyHomePage() {

{user?.nick_name}님의{' '} - {user?.userType === 'AGENT' ? '빈집거래 활동' : '마이페이지'} + {user?.userType === 'AGENT' ? '농가거래 활동' : '마이페이지'}

{user?.userType === 'AGENT' ? : } diff --git a/src/pages/Trade/Board/index.tsx b/src/pages/Trade/Board/index.tsx index 21edbed..c933a1f 100644 --- a/src/pages/Trade/Board/index.tsx +++ b/src/pages/Trade/Board/index.tsx @@ -47,7 +47,7 @@ export default function TradeBoardPage() { const ref = useRef(null); const handleDeleteButtonClick = async (houseId: number) => { - if (houseId === 0) throw new Error('없는 빈집거래 게시물입니다.'); + if (houseId === 0) throw new Error('없는 농가거래 게시물입니다.'); await DeleteHouseAPI(houseId); handleToastMessageProps('POST_DELETE_SUCCESS', () => { handleModalClose(); @@ -197,7 +197,7 @@ export default function TradeBoardPage() {
- 빈집거래 프로세스가 궁금하신가요? + 농가거래 프로세스가 궁금하신가요? + ))} + + +
+
    {tradeCategory.slice(1).map((item) => (
- +
- +
- +
- +
- +
- +
-
+ {/*
-
+
*/}
diff --git a/src/pages/Trade/Write/styles.module.scss b/src/pages/Trade/Write/styles.module.scss index 7566d47..a25facd 100644 --- a/src/pages/Trade/Write/styles.module.scss +++ b/src/pages/Trade/Write/styles.module.scss @@ -307,6 +307,10 @@ border-color: var(--main-color); } +.essential{ + color: var(--main-color); +} + /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { diff --git a/src/types/Board/tradeType.ts b/src/types/Board/tradeType.ts index 6cef2fa..acd0626 100644 --- a/src/types/Board/tradeType.ts +++ b/src/types/Board/tradeType.ts @@ -16,6 +16,7 @@ export type MenuType = 'none' | 'houseType' | 'rentalType' | 'city' | 'search'; export type DealStateType = 'APPLYING' | 'ONGOING' | 'COMPLETED'; export type TradeBoardForm = { + houseType: HouseType; rentalType: RentalType; city: string; zipCode: string; @@ -52,6 +53,7 @@ export type TradeBoardType = { export type TradeBoardDetailType = { houseId: number; + houseType: HouseType; rentalType: RentalType; city: string; zipCode: string; From 381b86bc562983e5f33f4e49579f869c2c670b9f Mon Sep 17 00:00:00 2001 From: sangminlee98 Date: Sun, 18 Aug 2024 19:09:07 +0900 Subject: [PATCH 05/14] =?UTF-8?q?feat:=20=EB=86=8D=EA=B0=80=20=EA=B1=B0?= =?UTF-8?q?=EB=9E=98=20=EC=83=81=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?=EC=9C=A0=ED=98=95=20=EC=A0=95=EB=B3=B4=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Trade/Info/index.tsx | 35 +++++++++++++---------------- src/pages/Trade/index.tsx | 1 + src/types/Board/tradeType.ts | 2 ++ src/utils/utils.ts | 14 ++++++++++++ 4 files changed, 33 insertions(+), 19 deletions(-) diff --git a/src/components/Trade/Info/index.tsx b/src/components/Trade/Info/index.tsx index d78ddf2..8f1f74e 100644 --- a/src/components/Trade/Info/index.tsx +++ b/src/components/Trade/Info/index.tsx @@ -1,6 +1,6 @@ import dayjs from 'dayjs'; import { TradeBoardDetailType } from '@/types/Board/tradeType'; -import { getRentalName } from '@/utils/utils'; +import { getHouseName, getRentalName } from '@/utils/utils'; import styles from './styles.module.scss'; // TODO: undefined 처리하기 @@ -12,28 +12,13 @@ function TradeBoardInfo({ info }: TradeBoardInfoProps) { return (
- 기본정보 -
- 위치

{info?.city}

-
-
- 면적{' '} -

- {info?.size}m2 -

-
-
- 용도

{info?.purpose}

-
+ 임대정보 및 판매자 정보
- 준공연도

{dayjs(info?.createdDate).format('YYYY')}년

+ 유형

{info?.houseType && getHouseName(info?.houseType)}

- 층수

{info?.floorNum === 0 ? '-' : `${info?.floorNum}층`}

+ 위치

{info?.city}

-
-
- 임대정보 및 판매자 정보
가격{' '}

@@ -50,6 +35,18 @@ function TradeBoardInfo({ info }: TradeBoardInfoProps) {

)}
+
+ 기본정보 +
+ 면적

{info?.size}㎡

+
+
+ 준공연도

{dayjs(info?.createdDate).format('YYYY')}년

+
+
+ 용도

{info?.purpose}

+
+
); } diff --git a/src/pages/Trade/index.tsx b/src/pages/Trade/index.tsx index 50b25a5..8574be3 100644 --- a/src/pages/Trade/index.tsx +++ b/src/pages/Trade/index.tsx @@ -124,6 +124,7 @@ export default function TradePage() { { } }; +// 매매 타입 이름 가져오기 +export const getHouseName = (house: HouseType) => { + switch (house) { + case 'LAND': + return '토지'; + case 'HOUSE': + return '주택'; + case 'FARM_HOUSE': + return '농가'; + default: + return ''; + } +}; + // 매매 타입 이름 가져오기 export const getRentalName = (rental: RentalType) => { switch (rental) { From b97e0076995d7ec98edef25a354400017b742106 Mon Sep 17 00:00:00 2001 From: sangminlee98 Date: Sun, 18 Aug 2024 19:22:03 +0900 Subject: [PATCH 06/14] =?UTF-8?q?feat:=20=EB=86=8D=EA=B0=80=20=EA=B1=B0?= =?UTF-8?q?=EB=9E=98=20=EA=B2=8C=EC=8B=9C=EA=B8=80=20=EC=A0=9C=EB=AA=A9=20?= =?UTF-8?q?=EC=9C=A0=ED=98=95=20=EB=A7=90=EB=A8=B8=EB=A6=AC=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Trade/Board/index.tsx | 7 +++++-- src/pages/Trade/Board/index.tsx | 7 +++++-- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/components/Trade/Board/index.tsx b/src/components/Trade/Board/index.tsx index 2e662d3..9485109 100644 --- a/src/components/Trade/Board/index.tsx +++ b/src/components/Trade/Board/index.tsx @@ -2,13 +2,14 @@ import { useEffect, useRef, useState } from 'react'; import { useNavigate } from 'react-router-dom'; import dayjs from 'dayjs'; import { RentalType, TradeBoardType } from '@/types/Board/tradeType'; -import { convertRentalTypeName, priceCount } from '@/utils/utils'; +import { convertRentalTypeName, getHouseName, priceCount } from '@/utils/utils'; import styles from './styles.module.scss'; type TradeBoardProps = Omit; export default function TradeBoard({ houseId, + houseType, rentalType, city, price, @@ -97,7 +98,9 @@ export default function TradeBoard({ )}
-

{title}

+

+ {getHouseName(houseType)} {title} +

위치 : {city}

diff --git a/src/pages/Trade/Board/index.tsx b/src/pages/Trade/Board/index.tsx index c933a1f..ff7e427 100644 --- a/src/pages/Trade/Board/index.tsx +++ b/src/pages/Trade/Board/index.tsx @@ -23,7 +23,7 @@ import { DeleteHouseAPI } from '@/apis/houses'; import userStore from '@/store/userStore'; import useModalState from '@/hooks/useModalState'; import useToastMessageType from '@/hooks/useToastMessageType'; -import { getMoveInType, getUserType } from '@/utils/utils'; +import { getHouseName, getMoveInType, getUserType } from '@/utils/utils'; import { ApiResponseWithDataType } from '@/types/apiResponseType'; import { opacityVariants } from '@/constants/variants'; import styles from './styles.module.scss'; @@ -104,7 +104,10 @@ export default function TradeBoardPage() { {getUserType(data?.data.userType || 'NONE')} -

{data?.data.title}

+

+ {data?.data.houseType && getHouseName(data?.data.houseType)}{' '} + {data?.data.title} +

{data?.data.nickName} From fb4192771edcfdf09421596f2b7c626668497735 Mon Sep 17 00:00:00 2001 From: jonghun Date: Sun, 18 Aug 2024 19:25:53 +0900 Subject: [PATCH 07/14] =?UTF-8?q?feat:=20=EA=B3=B5=EC=9D=B8=EC=A4=91?= =?UTF-8?q?=EA=B0=9C=EC=82=AC=20=ED=95=84=EC=88=98=20=ED=95=AD=EB=AA=A9=20?= =?UTF-8?q?=EC=B2=B4=ED=81=AC=20=ED=91=9C=EC=8B=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Trade/Write/index.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pages/Trade/Write/index.tsx b/src/pages/Trade/Write/index.tsx index 959a7a2..b197def 100644 --- a/src/pages/Trade/Write/index.tsx +++ b/src/pages/Trade/Write/index.tsx @@ -313,7 +313,9 @@ export default function TradeWritePage() {

{user?.userType === 'AGENT' && (
- + Date: Sun, 18 Aug 2024 19:27:00 +0900 Subject: [PATCH 08/14] =?UTF-8?q?refact:=20=ED=95=84=EC=88=98=20=EC=82=AC?= =?UTF-8?q?=ED=95=AD/=EC=84=A0=ED=83=9D=20=EC=82=AC=ED=95=AD=20=EC=B2=B4?= =?UTF-8?q?=ED=81=AC=20=ED=95=A8=EC=88=98=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/utils.ts | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/src/utils/utils.ts b/src/utils/utils.ts index b48b198..b83a845 100644 --- a/src/utils/utils.ts +++ b/src/utils/utils.ts @@ -188,14 +188,7 @@ export const checkBeforeTradePost = ( alert('평수를 입력해주세요.'); return false; } - if (floorNum < 0) { - alert('1층 이상의 값만 작성해주세요.'); - return false; - } - if (createdDate === '') { - alert('준공일을 입력해주세요.'); - return false; - } + if (purpose === '') { alert('용도를 입력해주세요.'); return false; From af53966705f5d5ae86143526491f9bb942d86ecf Mon Sep 17 00:00:00 2001 From: jonghun Date: Sun, 18 Aug 2024 19:28:12 +0900 Subject: [PATCH 09/14] =?UTF-8?q?refact:=20=EC=82=AC=EC=9A=A9=ED=95=98?= =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EB=B3=80=EC=88=98=20=EC=82=AD?= =?UTF-8?q?=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/utils.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/utils/utils.ts b/src/utils/utils.ts index b83a845..75e10ca 100644 --- a/src/utils/utils.ts +++ b/src/utils/utils.ts @@ -141,8 +141,6 @@ export const checkBeforeTradePost = ( contact, agentName, size, - floorNum, - createdDate, purpose, title, code, From f927416b920d0fff37c3c03c7a17a6b364ea6cce Mon Sep 17 00:00:00 2001 From: sangminlee98 Date: Sun, 18 Aug 2024 19:54:11 +0900 Subject: [PATCH 10/14] =?UTF-8?q?feat:=20=EB=A7=A4=EB=AC=BC=20=EB=A7=90?= =?UTF-8?q?=EB=A8=B8=EB=A6=AC=20=EB=8C=80=EA=B4=84=ED=98=B8=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Trade/Board/index.tsx | 2 +- src/pages/Trade/Board/index.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Trade/Board/index.tsx b/src/components/Trade/Board/index.tsx index 9485109..1f2762e 100644 --- a/src/components/Trade/Board/index.tsx +++ b/src/components/Trade/Board/index.tsx @@ -99,7 +99,7 @@ export default function TradeBoard({

- {getHouseName(houseType)} {title} + [{getHouseName(houseType)}] {title}

위치 : {city} diff --git a/src/pages/Trade/Board/index.tsx b/src/pages/Trade/Board/index.tsx index ff7e427..21c6746 100644 --- a/src/pages/Trade/Board/index.tsx +++ b/src/pages/Trade/Board/index.tsx @@ -105,7 +105,7 @@ export default function TradeBoardPage() {

- {data?.data.houseType && getHouseName(data?.data.houseType)}{' '} + {data?.data.houseType && `[${getHouseName(data?.data.houseType)}]`}{' '} {data?.data.title}

From c82b4f75ed1ff5b21535a0d45dff7a053097def5 Mon Sep 17 00:00:00 2001 From: sangminlee98 Date: Sun, 18 Aug 2024 20:00:44 +0900 Subject: [PATCH 11/14] =?UTF-8?q?feat:=20=EA=B3=B5=EC=9D=B8=EC=A4=91?= =?UTF-8?q?=EA=B0=9C=EC=82=AC=20=EC=83=81=EC=84=B8=20=EC=84=A4=EB=AA=85=20?= =?UTF-8?q?=ED=83=80=EC=9E=85=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Trade/Write/index.tsx | 1 + src/types/Board/tradeType.ts | 2 ++ 2 files changed, 3 insertions(+) diff --git a/src/pages/Trade/Write/index.tsx b/src/pages/Trade/Write/index.tsx index b197def..8fd7466 100644 --- a/src/pages/Trade/Write/index.tsx +++ b/src/pages/Trade/Write/index.tsx @@ -48,6 +48,7 @@ export default function TradeWritePage() { price: state ? state.data.price : 0, monthlyPrice: state ? state.data.monthlyPrice : 0, agentName: state ? state.data.agentName : '', + agentDetail: state ? state.data.agentDetail : '', title: state ? state.data.title : '', code: state ? state.data.code : '', imageUrls: state ? state.data.imageUrls : [], diff --git a/src/types/Board/tradeType.ts b/src/types/Board/tradeType.ts index fa0ab99..b56f9d6 100644 --- a/src/types/Board/tradeType.ts +++ b/src/types/Board/tradeType.ts @@ -29,6 +29,7 @@ export type TradeBoardForm = { price: number; monthlyPrice: number; agentName: string; + agentDetail: string; title: string; code: string; imageUrls: string[]; @@ -67,6 +68,7 @@ export type TradeBoardDetailType = { price: number; monthlyPrice: number; agentName: string; + agentDetail: string; title: string; code: string; imageUrls: string[]; From 11885a731695b366377b1ed04ffe1109fba239a1 Mon Sep 17 00:00:00 2001 From: jonghun Date: Sun, 18 Aug 2024 20:09:33 +0900 Subject: [PATCH 12/14] =?UTF-8?q?feat:=20=EA=B3=B5=EC=9D=B8=EC=A4=91?= =?UTF-8?q?=EA=B0=9C=EC=82=AC=20=EC=9D=BC=20=EB=95=8C,=20=EC=83=81?= =?UTF-8?q?=EC=84=B8=20=EC=84=A4=EB=AA=85=20=EB=AA=A9=EB=A1=9D=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Trade/Write/index.tsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/pages/Trade/Write/index.tsx b/src/pages/Trade/Write/index.tsx index 8fd7466..9168353 100644 --- a/src/pages/Trade/Write/index.tsx +++ b/src/pages/Trade/Write/index.tsx @@ -327,6 +327,21 @@ export default function TradeWritePage() { />
)} + {user?.userType === 'AGENT' && ( +
+ + +
+ )}
From d6e81eb29114bffe503a428d4c76e6569c486676 Mon Sep 17 00:00:00 2001 From: jonghun Date: Sun, 18 Aug 2024 20:11:29 +0900 Subject: [PATCH 13/14] =?UTF-8?q?feat:=20=EA=B2=8C=EC=8B=9C=EA=B8=80=20?= =?UTF-8?q?=EC=9C=A0=ED=9A=A8=EC=84=B1=20=EA=B2=80=EC=82=AC=20=ED=95=A8?= =?UTF-8?q?=EC=88=98=EC=97=90=20=EC=83=81=EC=84=B8=20=EC=84=A4=EB=AA=85=20?= =?UTF-8?q?=ED=95=84=EC=88=98=20=EC=97=AC=EB=B6=80=20=ED=99=95=EC=9D=B8=20?= =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/utils.ts | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/utils/utils.ts b/src/utils/utils.ts index 53dcca8..a4f3e69 100644 --- a/src/utils/utils.ts +++ b/src/utils/utils.ts @@ -154,6 +154,7 @@ export const checkBeforeTradePost = ( monthlyPrice, contact, agentName, + agentDetail, size, purpose, title, @@ -196,6 +197,12 @@ export const checkBeforeTradePost = ( alert('중개사 이름을 입력해주세요.'); return false; } + + if (user.userType === 'AGENT' && agentDetail === '') { + alert('상세 설명을 적어주세요.'); + return false; + } + if (size === '') { alert('평수를 입력해주세요.'); return false; From 6e70130691abd7e8cfdb7b2a4623f3b2be1ad94c Mon Sep 17 00:00:00 2001 From: sangminlee98 Date: Sun, 18 Aug 2024 20:22:48 +0900 Subject: [PATCH 14/14] =?UTF-8?q?feat:=20=EB=86=8D=EA=B0=80=20=EA=B1=B0?= =?UTF-8?q?=EB=9E=98=20=EC=83=81=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?UI=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Trade/Info/index.tsx | 11 ++----- src/pages/Trade/Board/index.tsx | 14 +++++++++ src/pages/Trade/Board/styles.module.scss | 40 ++++++++++++++++++++++-- 3 files changed, 54 insertions(+), 11 deletions(-) diff --git a/src/components/Trade/Info/index.tsx b/src/components/Trade/Info/index.tsx index 8f1f74e..e1f9096 100644 --- a/src/components/Trade/Info/index.tsx +++ b/src/components/Trade/Info/index.tsx @@ -1,6 +1,6 @@ import dayjs from 'dayjs'; import { TradeBoardDetailType } from '@/types/Board/tradeType'; -import { getHouseName, getRentalName } from '@/utils/utils'; +import { getHouseName, getRentalName, priceCount } from '@/utils/utils'; import styles from './styles.module.scss'; // TODO: undefined 처리하기 @@ -22,18 +22,13 @@ function TradeBoardInfo({ info }: TradeBoardInfoProps) {
가격{' '}

- {info?.rentalType && getRentalName(info?.rentalType)} {info?.price} - 만원 + {info?.rentalType && getRentalName(info?.rentalType)}{' '} + {info?.price && priceCount(info?.price)}

전화번호

{info?.contact}

- {info?.userType === 'AGENT' && ( -
- 공인중개사명

{info?.agentName !== '' ? info?.agentName : 'X'}

-
- )}
기본정보 diff --git a/src/pages/Trade/Board/index.tsx b/src/pages/Trade/Board/index.tsx index 21c6746..8effec8 100644 --- a/src/pages/Trade/Board/index.tsx +++ b/src/pages/Trade/Board/index.tsx @@ -176,6 +176,20 @@ export default function TradeBoardPage() { >
+ {data?.data.userType === 'AGENT' && ( +
+
+
+ 공인중개사명{' '} +

{data.data.agentName !== '' ? data.data.agentName : 'X'}

+
+
+ 상세 설명{' '} +

{data.data.agentDetail && data.data.agentDetail}

+
+
+
+ )}
매물 특징 diff --git a/src/pages/Trade/Board/styles.module.scss b/src/pages/Trade/Board/styles.module.scss index bc0ad80..f6eb782 100644 --- a/src/pages/Trade/Board/styles.module.scss +++ b/src/pages/Trade/Board/styles.module.scss @@ -130,7 +130,7 @@ } .infoContainer { - margin-bottom: 3rem; + margin-bottom: 1.25rem; } .categoryList { display: flex; @@ -199,12 +199,46 @@ } } +.agentInfo { + display: flex; + padding: 3.75rem 4.375rem; + background-color: transparent; + border-radius: 10px; + margin-bottom: 1.25rem; + border: 1px solid #ced3d6; + border-radius: 8px; + + @include mobile { + flex-direction: column; + gap: 5rem; + } + & > article { + display: flex; + flex-direction: column; + width: 100%; + font-size: 1.375rem; + font-family: 'Pretendard'; + font-weight: bold; + gap: 1.125rem; + & > div { + display: flex; + color: #4d5256; + gap: 1rem; + & > p { + font-weight: normal; + } + } + } +} + .recommendedTag { display: flex; padding: 3.75rem 4.375rem; - background-color: #f8f8f8; + background-color: transparent; border-radius: 10px; margin-bottom: 6rem; + border: 1px solid #ced3d6; + border-radius: 8px; @include mobile { flex-direction: column; @@ -228,7 +262,7 @@ flex-wrap: wrap; gap: 1rem; - background-color: #f6f7fb; + background-color: transparent; border-radius: 16px; font-size: 1.125rem; font-family: 'Pretandard';