From 5ee5169617f95c04aef76f64ae045fecedff7829 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 2 Jul 2024 03:06:27 +0900 Subject: [PATCH 01/15] TagChip --- src/app/components/TagChip.tsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/app/components/TagChip.tsx diff --git a/src/app/components/TagChip.tsx b/src/app/components/TagChip.tsx new file mode 100644 index 0000000..254c682 --- /dev/null +++ b/src/app/components/TagChip.tsx @@ -0,0 +1,18 @@ +import * as React from 'react'; +import Chip from '@mui/material/Chip'; + +const TagChip = () => { + return ( + + ); +}; + +export default TagChip; + From d4772c80b5e050ccae105d95e73ec0d6915f73b8 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 2 Jul 2024 03:24:02 +0900 Subject: [PATCH 02/15] =?UTF-8?q?Headline=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/components/Headline.tsx | 32 ++++++++++++++++++++++++++++++++ src/app/components/TagChip.tsx | 18 +++++++++--------- src/app/page.tsx | 19 ++++++++++++++++--- 3 files changed, 57 insertions(+), 12 deletions(-) create mode 100644 src/app/components/Headline.tsx diff --git a/src/app/components/Headline.tsx b/src/app/components/Headline.tsx new file mode 100644 index 0000000..989247b --- /dev/null +++ b/src/app/components/Headline.tsx @@ -0,0 +1,32 @@ +import * as React from 'react'; +import Typography from '@mui/material/Typography'; +import Box from '@mui/material/Box'; +import TagChip from './TagChip'; + +interface HeadlineProps { + title: string; + uploadDate: string; + viewCount: number; + source: string; + categories: string[]; +} + +const Headline: React.FC = ({ title, uploadDate, viewCount, source, categories }) => { + return ( + + + {title} + + + {uploadDate} | 조회 {viewCount}회 | {source} + + + {categories.map((category) => ( + + ))} + + + ); +}; + +export default Headline; diff --git a/src/app/components/TagChip.tsx b/src/app/components/TagChip.tsx index 254c682..4df30f0 100644 --- a/src/app/components/TagChip.tsx +++ b/src/app/components/TagChip.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; import Chip from '@mui/material/Chip'; -const TagChip = () => { +const TagChip = ({ label }: { label: string }) => { return ( - + ); }; diff --git a/src/app/page.tsx b/src/app/page.tsx index d2c63a4..caa0c76 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,8 @@ -import Image from "next/image"; -import styles from "./page.module.css"; +"use client"; + +import Image from 'next/image'; +import styles from './page.module.css'; +import Headline from './components/Headline'; export default function Home() { return ( @@ -65,7 +68,7 @@ export default function Home() { + +
+ +
); } From 8930f96123af46230b33be7682d4a54b3b873952 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 2 Jul 2024 03:24:02 +0900 Subject: [PATCH 03/15] =?UTF-8?q?Headline=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Headline 생성 --- src/app/components/Headline.tsx | 34 +++++++++++++++++++++++++++++++++ src/app/components/TagChip.tsx | 18 ++++++++--------- src/app/page.tsx | 19 +++++++++++++++--- 3 files changed, 59 insertions(+), 12 deletions(-) create mode 100644 src/app/components/Headline.tsx diff --git a/src/app/components/Headline.tsx b/src/app/components/Headline.tsx new file mode 100644 index 0000000..0920c98 --- /dev/null +++ b/src/app/components/Headline.tsx @@ -0,0 +1,34 @@ +import * as React from 'react'; +import Typography from '@mui/material/Typography'; +import Box from '@mui/material/Box'; +import TagChip from './TagChip'; + +interface HeadlineProps { + title: string; + uploadDate: string; + viewCount: number; + source: string; + categories: string[]; +} + +const Headline: React.FC = ({ title, uploadDate, viewCount, source, categories }) => { + return ( + + + {title} + + + + {uploadDate} | 조회 {viewCount}회 | {source} + + + {categories.map((category) => ( + + ))} + + + + ); +}; + +export default Headline; diff --git a/src/app/components/TagChip.tsx b/src/app/components/TagChip.tsx index 254c682..4df30f0 100644 --- a/src/app/components/TagChip.tsx +++ b/src/app/components/TagChip.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; import Chip from '@mui/material/Chip'; -const TagChip = () => { +const TagChip = ({ label }: { label: string }) => { return ( - + ); }; diff --git a/src/app/page.tsx b/src/app/page.tsx index d2c63a4..caa0c76 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,8 @@ -import Image from "next/image"; -import styles from "./page.module.css"; +"use client"; + +import Image from 'next/image'; +import styles from './page.module.css'; +import Headline from './components/Headline'; export default function Home() { return ( @@ -65,7 +68,7 @@ export default function Home() { + +
+ +
); } From e90a13dcdca2dff8d67dfaec6ac3c6381407f0ee Mon Sep 17 00:00:00 2001 From: stopmin Date: Thu, 4 Jul 2024 01:28:37 +0900 Subject: [PATCH 04/15] =?UTF-8?q?=EC=84=9C=EC=97=B0=20=EB=A6=AC=EB=B7=B0?= =?UTF-8?q?=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/components/TagChip.tsx | 18 ------------------ src/app/page.tsx | 19 +++---------------- src/{app => }/components/Headline.tsx | 0 src/components/TagChip.tsx | 20 ++++++++++++++++++++ 4 files changed, 23 insertions(+), 34 deletions(-) delete mode 100644 src/app/components/TagChip.tsx rename src/{app => }/components/Headline.tsx (100%) create mode 100644 src/components/TagChip.tsx diff --git a/src/app/components/TagChip.tsx b/src/app/components/TagChip.tsx deleted file mode 100644 index 4df30f0..0000000 --- a/src/app/components/TagChip.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react'; -import Chip from '@mui/material/Chip'; - -const TagChip = ({ label }: { label: string }) => { - return ( - - ); -}; - -export default TagChip; - diff --git a/src/app/page.tsx b/src/app/page.tsx index caa0c76..d2c63a4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,5 @@ -"use client"; - -import Image from 'next/image'; -import styles from './page.module.css'; -import Headline from './components/Headline'; +import Image from "next/image"; +import styles from "./page.module.css"; export default function Home() { return ( @@ -68,7 +65,7 @@ export default function Home() { - -
- -
); } diff --git a/src/app/components/Headline.tsx b/src/components/Headline.tsx similarity index 100% rename from src/app/components/Headline.tsx rename to src/components/Headline.tsx diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx new file mode 100644 index 0000000..4c3a66b --- /dev/null +++ b/src/components/TagChip.tsx @@ -0,0 +1,20 @@ +import Chip from '@mui/material/Chip'; +import { useTheme } from '@mui/material/styles'; + +const TagChip = ({ label }: { label: string }) => { + const theme = useTheme(); + + return ( + + ); +}; + +export default TagChip; From 2e053b1e83c31f03bbadd01e1073c0505b3e0875 Mon Sep 17 00:00:00 2001 From: stopmin Date: Thu, 4 Jul 2024 01:28:37 +0900 Subject: [PATCH 05/15] =?UTF-8?q?=EC=84=9C=EC=97=B0=20=EB=A6=AC=EB=B7=B0?= =?UTF-8?q?=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 서연 리뷰 반영 --- src/app/components/TagChip.tsx | 18 ------------------ src/app/page.tsx | 19 +++---------------- src/{app => }/components/Headline.tsx | 4 +--- src/components/TagChip.tsx | 20 ++++++++++++++++++++ 4 files changed, 24 insertions(+), 37 deletions(-) delete mode 100644 src/app/components/TagChip.tsx rename src/{app => }/components/Headline.tsx (88%) create mode 100644 src/components/TagChip.tsx diff --git a/src/app/components/TagChip.tsx b/src/app/components/TagChip.tsx deleted file mode 100644 index 4df30f0..0000000 --- a/src/app/components/TagChip.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react'; -import Chip from '@mui/material/Chip'; - -const TagChip = ({ label }: { label: string }) => { - return ( - - ); -}; - -export default TagChip; - diff --git a/src/app/page.tsx b/src/app/page.tsx index caa0c76..d2c63a4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,5 @@ -"use client"; - -import Image from 'next/image'; -import styles from './page.module.css'; -import Headline from './components/Headline'; +import Image from "next/image"; +import styles from "./page.module.css"; export default function Home() { return ( @@ -68,7 +65,7 @@ export default function Home() { - -
- -
); } diff --git a/src/app/components/Headline.tsx b/src/components/Headline.tsx similarity index 88% rename from src/app/components/Headline.tsx rename to src/components/Headline.tsx index 0920c98..d8ed9b7 100644 --- a/src/app/components/Headline.tsx +++ b/src/components/Headline.tsx @@ -1,6 +1,4 @@ -import * as React from 'react'; -import Typography from '@mui/material/Typography'; -import Box from '@mui/material/Box'; +import { Typography, Box } from '@mui/material'; import TagChip from './TagChip'; interface HeadlineProps { diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx new file mode 100644 index 0000000..4c3a66b --- /dev/null +++ b/src/components/TagChip.tsx @@ -0,0 +1,20 @@ +import Chip from '@mui/material/Chip'; +import { useTheme } from '@mui/material/styles'; + +const TagChip = ({ label }: { label: string }) => { + const theme = useTheme(); + + return ( + + ); +}; + +export default TagChip; From 038bb3832f56df0946163555d8060b46ad7f0b74 Mon Sep 17 00:00:00 2001 From: stopmin Date: Thu, 4 Jul 2024 01:36:34 +0900 Subject: [PATCH 06/15] =?UTF-8?q?color=20=3D=20"primary"=EB=A1=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/TagChip.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx index 4c3a66b..29839b6 100644 --- a/src/components/TagChip.tsx +++ b/src/components/TagChip.tsx @@ -7,11 +7,11 @@ const TagChip = ({ label }: { label: string }) => { return ( ); From 88e8b8100b5800a4d8fd57b242b4de29967b6059 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 00:36:15 +0900 Subject: [PATCH 07/15] =?UTF-8?q?feat:=20=EC=83=89=EC=83=81=20=EB=91=90?= =?UTF-8?q?=EA=B0=80=EC=A7=80=20=EC=B6=94=EA=B0=80=20-=20=EA=B7=B8?= =?UTF-8?q?=EB=9D=BC=EB=8D=B0=EC=9D=B4=EC=85=98=20=EB=8B=A4=ED=81=AC=20?= =?UTF-8?q?=EB=B8=94=EB=A3=A8=20-=20=EA=B7=B8=EB=9D=BC=EB=8D=B0=EC=9D=B4?= =?UTF-8?q?=EC=85=98=20=EB=9D=BC=EC=9D=B4=ED=8A=B8=20=EB=B8=94=EB=A3=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/constants/color.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/constants/color.ts b/src/constants/color.ts index 26d0634..6800dbc 100644 --- a/src/constants/color.ts +++ b/src/constants/color.ts @@ -2,6 +2,9 @@ const color = { blue: '#4187FF', gray_light: '#F8F8F8', gray_dark: '#3E3E3E', + gradient_blue_dark: '#1D71F1', // 진한 파란색 + gradient_blue_light: '#1AC6FB' // 밝은 파란색 }; + export default color; From b1dd7ef655e2ade62edc7613cb55569ce2df62c9 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 00:37:29 +0900 Subject: [PATCH 08/15] =?UTF-8?q?refactor:=20=ED=95=A8=EC=88=98=20?= =?UTF-8?q?=EC=84=A0=EC=96=B8=EB=B0=A9=EC=8B=9D=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Headline.tsx | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/src/components/Headline.tsx b/src/components/Headline.tsx index d8ed9b7..20b6f01 100644 --- a/src/components/Headline.tsx +++ b/src/components/Headline.tsx @@ -1,15 +1,13 @@ -import { Typography, Box } from '@mui/material'; -import TagChip from './TagChip'; +import { Box, Typography } from '@mui/material'; interface HeadlineProps { title: string; uploadDate: string; viewCount: number; source: string; - categories: string[]; } -const Headline: React.FC = ({ title, uploadDate, viewCount, source, categories }) => { +const Headline = ({ title, uploadDate, viewCount, source }:HeadlineProps) => { return ( @@ -19,11 +17,6 @@ const Headline: React.FC = ({ title, uploadDate, viewCount, sourc {uploadDate} | 조회 {viewCount}회 | {source} - - {categories.map((category) => ( - - ))} - ); From 8b9dbbff993f1531451ed817ddf70f116dafe0ef Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 00:37:47 +0900 Subject: [PATCH 09/15] =?UTF-8?q?feat:=20Chip=20=EC=83=89=EC=83=81=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/TagChip.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx index 29839b6..8f0f5a8 100644 --- a/src/components/TagChip.tsx +++ b/src/components/TagChip.tsx @@ -1,15 +1,13 @@ import Chip from '@mui/material/Chip'; -import { useTheme } from '@mui/material/styles'; +import color from '@/constants/color'; const TagChip = ({ label }: { label: string }) => { - const theme = useTheme(); - return ( Date: Tue, 16 Jul 2024 02:02:29 +0900 Subject: [PATCH 10/15] =?UTF-8?q?refactor:=20lint=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Headline.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Headline.tsx b/src/components/Headline.tsx index 20b6f01..a35b2fa 100644 --- a/src/components/Headline.tsx +++ b/src/components/Headline.tsx @@ -7,14 +7,14 @@ interface HeadlineProps { source: string; } -const Headline = ({ title, uploadDate, viewCount, source }:HeadlineProps) => { +const Headline = ({ title, uploadDate, viewCount, source }: HeadlineProps) => { return ( - + {title} - + {uploadDate} | 조회 {viewCount}회 | {source} From dd89aadc85b32f9cf7ea10e5cdb450a5dc0671f5 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 02:04:05 +0900 Subject: [PATCH 11/15] =?UTF-8?q?refactor:=20lint=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/TagChip.tsx | 3 ++- src/constants/color.ts | 5 ++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx index 8f0f5a8..d3d8e91 100644 --- a/src/components/TagChip.tsx +++ b/src/components/TagChip.tsx @@ -1,11 +1,12 @@ import Chip from '@mui/material/Chip'; + import color from '@/constants/color'; const TagChip = ({ label }: { label: string }) => { return ( Date: Tue, 16 Jul 2024 03:01:00 +0900 Subject: [PATCH 12/15] =?UTF-8?q?refactor:=20=EB=A6=AC=EB=B7=B0=20?= =?UTF-8?q?=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Headline.tsx | 10 +++++----- src/components/TagChip.tsx | 1 - 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/components/Headline.tsx b/src/components/Headline.tsx index a35b2fa..f669c5c 100644 --- a/src/components/Headline.tsx +++ b/src/components/Headline.tsx @@ -1,4 +1,4 @@ -import { Box, Typography } from '@mui/material'; +import { Box, Typography, Stack } from '@mui/material'; interface HeadlineProps { title: string; @@ -10,14 +10,14 @@ interface HeadlineProps { const Headline = ({ title, uploadDate, viewCount, source }: HeadlineProps) => { return ( - + {title} - - + + {uploadDate} | 조회 {viewCount}회 | {source} - + ); }; diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx index d3d8e91..7e4d03d 100644 --- a/src/components/TagChip.tsx +++ b/src/components/TagChip.tsx @@ -10,7 +10,6 @@ const TagChip = ({ label }: { label: string }) => { sx={{ background: `linear-gradient(${color.gradient_blue_dark}, ${color.gradient_blue_light})`, display: 'flex', - alignItems: 'center', }} /> ); From 8f997b6a06ca1d5dd7d4d300717a6ebcb7ac8734 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 03:06:34 +0900 Subject: [PATCH 13/15] =?UTF-8?q?refactor:=20flex=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/TagChip.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx index 7e4d03d..8fc1e7c 100644 --- a/src/components/TagChip.tsx +++ b/src/components/TagChip.tsx @@ -8,8 +8,7 @@ const TagChip = ({ label }: { label: string }) => { color="primary" label={label} sx={{ - background: `linear-gradient(${color.gradient_blue_dark}, ${color.gradient_blue_light})`, - display: 'flex', + background: `linear-gradient(${color.gradient_blue_dark}, ${color.gradient_blue_light})` }} /> ); From 82bbed1ed49b5609e62e32155b556f67927d16e8 Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 03:10:03 +0900 Subject: [PATCH 14/15] =?UTF-8?q?refactor:=20lint=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/TagChip.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/TagChip.tsx b/src/components/TagChip.tsx index 8fc1e7c..30b4850 100644 --- a/src/components/TagChip.tsx +++ b/src/components/TagChip.tsx @@ -8,7 +8,7 @@ const TagChip = ({ label }: { label: string }) => { color="primary" label={label} sx={{ - background: `linear-gradient(${color.gradient_blue_dark}, ${color.gradient_blue_light})` + background: `linear-gradient(${color.gradient_blue_dark}, ${color.gradient_blue_light})`, }} /> ); From 1c3ad9b78cad20e8a002b0537fa6ad9fa291a2ba Mon Sep 17 00:00:00 2001 From: stopmin Date: Tue, 16 Jul 2024 03:12:32 +0900 Subject: [PATCH 15/15] =?UTF-8?q?refactor:=20=EC=A3=BC=EC=84=9D=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/constants/color.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/constants/color.ts b/src/constants/color.ts index 70f037c..a1cdd92 100644 --- a/src/constants/color.ts +++ b/src/constants/color.ts @@ -3,8 +3,8 @@ const color = { divider: '#ACCCFF', gray_light: '#F8F8F8', gray_dark: '#3E3E3E', - gradient_blue_dark: '#1D71F1', // 진한 파란색 - gradient_blue_light: '#1AC6FB', // 밝은 파란색 + gradient_blue_dark: '#1D71F1', + gradient_blue_light: '#1AC6FB', }; export default color;