From 2fa947cdd7d051025eb0e8aa814f6fa4c36c80c6 Mon Sep 17 00:00:00 2001 From: Jin hyeon Date: Wed, 22 May 2024 12:25:06 +0900 Subject: [PATCH 1/2] ADD :: TIP Page Publishing --- src/app/tip/Banner.tsx | 14 +++++++++ src/app/tip/ShowSection.tsx | 63 +++++++++++++++++++++++++++++++++++++ src/app/tip/page.tsx | 11 +++++++ src/components/TipBox.tsx | 8 +++-- 4 files changed, 93 insertions(+), 3 deletions(-) create mode 100644 src/app/tip/Banner.tsx create mode 100644 src/app/tip/ShowSection.tsx create mode 100644 src/app/tip/page.tsx diff --git a/src/app/tip/Banner.tsx b/src/app/tip/Banner.tsx new file mode 100644 index 0000000..ae3293d --- /dev/null +++ b/src/app/tip/Banner.tsx @@ -0,0 +1,14 @@ +import { GradientImg } from "@/assets" +import Image from "next/image" + +export const TipBanner = () => { + return ( +
+ Banner 이미지 +
+ 지원서 작성 팁 + PROPOFOL 사용자들이 직접 작성한 유용한 지원서 작성 팁이에요. +
+
+ ) +} \ No newline at end of file diff --git a/src/app/tip/ShowSection.tsx b/src/app/tip/ShowSection.tsx new file mode 100644 index 0000000..ed444c8 --- /dev/null +++ b/src/app/tip/ShowSection.tsx @@ -0,0 +1,63 @@ +'use client' + +import { TipBox } from "@/components"; +import { useState } from "react"; + +interface TipBoxProps { + title: string; + content: string; + name: string; + date: string; +} + +const TipData: TipBoxProps[] = [ + { + title: "오늘 저녁 머 먹지...?", + content: "맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!!", + name: "홍길동이", + date: "2024-05-22" + }, + { + title: "1오늘 저녁 머 먹지...?", + content: "맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!!", + name: "홍길동이", + date: "2024-05-22" + }, + { + title: "2오늘 저녁 머 먹지...?", + content: "맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!!", + name: "홍길동이", + date: "2024-05-22" + }, + { + title: "2오늘 저녁 머 먹지...?", + content: "맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!! 맛있는 피자! 맛있는 치킨! 맛있는 도넛! 냠냠!!", + name: "홍길동이", + date: "2024-05-22" + }, +] + +export const ShowSection = () =>{ + + const [orderType, setOrderType] = useState<'first' | 'last'>('first') + + return( +
+
+ 182개의 지원서 자료 +
+
{orderType === 'first' ? '최신순' : '오래된순'}
+ setOrderType('first')}>최신순 + setOrderType('last')}>오래된순 +
+
+
+ { + TipData.map((item, index)=> + + ) + } +
+
+ ); +} \ No newline at end of file diff --git a/src/app/tip/page.tsx b/src/app/tip/page.tsx new file mode 100644 index 0000000..5e01a40 --- /dev/null +++ b/src/app/tip/page.tsx @@ -0,0 +1,11 @@ +import { TipBanner } from "./Banner"; +import { ShowSection } from "./ShowSection"; + +export default function Tip(){ + return( +
+ + +
+ ); +} \ No newline at end of file diff --git a/src/components/TipBox.tsx b/src/components/TipBox.tsx index cc3f938..77b7b3c 100644 --- a/src/components/TipBox.tsx +++ b/src/components/TipBox.tsx @@ -2,6 +2,7 @@ import { dateToString } from "@/utils"; interface TipBoxProps { title: string; + content: string; name: string; date: string; } @@ -11,13 +12,14 @@ interface TipBoxProps { * * 사용 예시 * ``` - + ``` */ -export const TipBox = ({ title, name, date }: TipBoxProps) => { +export const TipBox = ({ title, content, name, date }: TipBoxProps) => { return ( -
+
{title} + {content}
{name}
From ca8413b1dd2a1a2670dfbd9e41e60a3e55e51829 Mon Sep 17 00:00:00 2001 From: Jin hyeon Date: Wed, 22 May 2024 13:56:35 +0900 Subject: [PATCH 2/2] EDIT :: build error --- src/app/page.tsx | 5 +++++ src/app/tip/ShowSection.tsx | 13 ++++++++----- src/components/ApplicationBox.tsx | 2 +- src/components/TipBox.tsx | 10 +++++----- 4 files changed, 19 insertions(+), 11 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index adabd64..3afb43e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -45,6 +45,7 @@ const ApplyData: ApplicationBoxProps[] = [ interface TipBoxProps { title: string; + content: string; name: string; date: string; } @@ -52,21 +53,25 @@ interface TipBoxProps { const TipData: TipBoxProps[] = [ { title: '포트폴리오 만들 때 주의할 점', + content: '포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!', name: '이강혁', date: '2024-04-16' }, { title: '자기소개서는 이렇게', + content: '포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!', name: '강진현', date: '2024-04-10' }, { title: '이럭서에 뭘 넣어야 할지 모르겠다면?', + content: '포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!', name: '임태곤', date: '2024-04-06' }, { title: '합격하는 포트폴리오', + content: '포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!포트폴리오!! 비상!!!!', name: '최승우', date: '2023-04-18', }, diff --git a/src/app/tip/ShowSection.tsx b/src/app/tip/ShowSection.tsx index ed444c8..61e26e0 100644 --- a/src/app/tip/ShowSection.tsx +++ b/src/app/tip/ShowSection.tsx @@ -4,10 +4,10 @@ import { TipBox } from "@/components"; import { useState } from "react"; interface TipBoxProps { - title: string; - content: string; - name: string; - date: string; + title: string + content: string + name: string + date: string } const TipData: TipBoxProps[] = [ @@ -54,7 +54,10 @@ export const ShowSection = () =>{
{ TipData.map((item, index)=> - + ) }
diff --git a/src/components/ApplicationBox.tsx b/src/components/ApplicationBox.tsx index f67da9d..eb40795 100644 --- a/src/components/ApplicationBox.tsx +++ b/src/components/ApplicationBox.tsx @@ -23,7 +23,7 @@ const tagColor = { * 사용 예시 * ``` - ``` +``` */ export const ApplicationBox = ({ tag, title, name, date, mainMajor, subMajor }: ApplicationBoxProps) => { return ( diff --git a/src/components/TipBox.tsx b/src/components/TipBox.tsx index 77b7b3c..554322b 100644 --- a/src/components/TipBox.tsx +++ b/src/components/TipBox.tsx @@ -1,10 +1,10 @@ import { dateToString } from "@/utils"; interface TipBoxProps { - title: string; - content: string; - name: string; - date: string; + title: string + content: string + name: string + date: string } /** @@ -13,7 +13,7 @@ interface TipBoxProps { * 사용 예시 * ``` - ``` +``` */ export const TipBox = ({ title, content, name, date }: TipBoxProps) => { return (