From 693cfc6063e8aa1cbd2f5d336427fcd69966ffc9 Mon Sep 17 00:00:00 2001
From: YerangPark <smsms_@naver.com>
Date: Thu, 17 Oct 2024 18:53:29 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=EB=B0=98=EC=9D=91=ED=98=95=20UI=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0=20=EC=A1=B0=EC=A0=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/molecules/OutputDateRange.tsx    | 10 +++++-----
 src/components/molecules/OutputLink.tsx         |  4 ++--
 src/components/organisms/ProjectInformation.tsx |  4 ++--
 src/components/templates/PortfolioViewPage.tsx  |  4 ++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/molecules/OutputDateRange.tsx b/src/components/molecules/OutputDateRange.tsx
index 630eeb8..e3592fa 100644
--- a/src/components/molecules/OutputDateRange.tsx
+++ b/src/components/molecules/OutputDateRange.tsx
@@ -10,13 +10,13 @@ interface DateRangeInputProps {
 const OutputDateRange: React.FC<DateRangeInputProps> = ({ formLabel, startDate, endDate }) => {
   return (
     <Box mb={4}>
-      <Flex align="center">
-        <Text mb="0" width="150px" fontWeight="bold" align="left">
+      <Flex align="center" fontSize={['sm', 'md', 'lg']}>
+        <Text mb="0" width={[130, 140, 150]} fontWeight="bold" align="left">
           {formLabel}
         </Text>
-        <Text>{startDate}</Text>
-        <Text>~</Text>
-        <Text>{endDate}</Text>
+        <Text fontSize={['sm', 'md', 'lg']}>
+          {startDate} ~ {endDate}
+        </Text>
       </Flex>
     </Box>
   )
diff --git a/src/components/molecules/OutputLink.tsx b/src/components/molecules/OutputLink.tsx
index 93a002a..776643c 100644
--- a/src/components/molecules/OutputLink.tsx
+++ b/src/components/molecules/OutputLink.tsx
@@ -9,8 +9,8 @@ interface OutputLinkProps {
 const OutputLink: React.FC<OutputLinkProps> = ({ link, formLabel }) => {
   return (
     <Box mb={4}>
-      <Flex align="center">
-        <Text mb="0" width="150px" fontWeight="bold" align="left">
+      <Flex align="center" fontSize={['sm', 'md', 'lg']}>
+        <Text mb="0" width={[130, 140, 150]} fontWeight="bold" align="left">
           {formLabel}
         </Text>
         <Link href={link} isExternal>
diff --git a/src/components/organisms/ProjectInformation.tsx b/src/components/organisms/ProjectInformation.tsx
index e51bcc1..9f64b19 100644
--- a/src/components/organisms/ProjectInformation.tsx
+++ b/src/components/organisms/ProjectInformation.tsx
@@ -26,8 +26,8 @@ const ProjectInformation: React.FC<ProjectInformationProps> = ({
       {skills &&
         Object.entries(skills).map(([category, skillNames]) => (
           <Box key={category} mb={4}>
-            <Flex align="center">
-              <Text mb="0" width={[110, 130, 150]} fontWeight="bold" align="left">
+            <Flex align="center" fontSize={['sm', 'md', 'lg']}>
+              <Text mb="0" width={[130, 140, 150]} fontWeight="bold" align="left">
                 {'>'} {category.charAt(0).toUpperCase() + category.slice(1)}
               </Text>
               <Flex wrap="wrap" gap={4} justify="flex-start">
diff --git a/src/components/templates/PortfolioViewPage.tsx b/src/components/templates/PortfolioViewPage.tsx
index a0b9672..ca6e60d 100644
--- a/src/components/templates/PortfolioViewPage.tsx
+++ b/src/components/templates/PortfolioViewPage.tsx
@@ -72,7 +72,7 @@ const PortfolioViewPage: React.FC<PortfolioViewPageProps> = ({ portfolioData, us
         <Heading fontSize="4xl" mb={4}>
           ABOUT ME
         </Heading>
-        <Flex justify="center" gap={10} mb={6}>
+        <Flex justify="center" gap={10} mb={10} direction={['column', 'column', 'row']}>
           <VStack>
             <Text fontSize="sm">이름</Text>
             <Text fontWeight="bold">{userData.name}</Text>
@@ -124,7 +124,7 @@ const PortfolioViewPage: React.FC<PortfolioViewPageProps> = ({ portfolioData, us
               shadow="md"
               key={project.id}
             >
-              <Heading fontSize="xl" my={[3, 5, 5]}>
+              <Heading fontSize={['xl', '2xl', '2xl']} my={[3, 5, 10]}>
                 {project.name}
               </Heading>
               <Flex direction={['column', 'row']}>

From 077febc8e3ade0817a2ac7d89f9d19d06f5156bf Mon Sep 17 00:00:00 2001
From: YerangPark <smsms_@naver.com>
Date: Thu, 17 Oct 2024 19:09:43 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20SSR=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EC=9D=98=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=85?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=8A=B8=EA=B0=80=20=EB=8A=90=EB=A6=B0=20?=
 =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 캐시된 데이터가 오래된 데이터라서 업데이트가 안된 것으로 보임.
 - 캐싱을 비활성화하여 최신 데이터를 가져오도록 수정.
---
 src/app/[username]/[id]/page.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/[username]/[id]/page.tsx b/src/app/[username]/[id]/page.tsx
index 3d182fe..5370db8 100644
--- a/src/app/[username]/[id]/page.tsx
+++ b/src/app/[username]/[id]/page.tsx
@@ -16,6 +16,7 @@ export default async function Page({ params }: { params: { username: string; id:
     const response = await fetch(url, {
       method: 'GET',
       headers,
+      cache: 'no-store',
     })
 
     const res = await response.json()
@@ -57,6 +58,7 @@ export default async function Page({ params }: { params: { username: string; id:
     const response = await fetch(url, {
       method: 'GET',
       headers,
+      cache: 'no-store',
     })
 
     const res = await response.json()