From a668431f3607c45120d4b9deeed2ccdfb3d6c10a Mon Sep 17 00:00:00 2001 From: mandelina Date: Sun, 16 Nov 2025 16:57:17 +0900 Subject: [PATCH 01/11] =?UTF-8?q?Fix:=20=EC=84=A0=ED=83=9D=EC=A7=80=20?= =?UTF-8?q?=EC=A0=9C=EB=AA=A9=EC=9D=98=20=EC=A4=84=20=EC=88=98=EB=A5=BC=20?= =?UTF-8?q?5=EC=97=90=EC=84=9C=203=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/components/PickAnswerV2.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/pickpickpick/components/PickAnswerV2.tsx b/pages/pickpickpick/components/PickAnswerV2.tsx index 11e47761..dce7f012 100644 --- a/pages/pickpickpick/components/PickAnswerV2.tsx +++ b/pages/pickpickpick/components/PickAnswerV2.tsx @@ -105,7 +105,7 @@ export default function PickAnswerV2({ 'flex-1 h3 text-center flex items-center justify-center': !hasMedia, })} > - {!hasMedia ? {title} : title} + {!hasMedia ? {title} : title}

{/* 선택지 이미지 또는 콘텐츠 */} From 06169e5a256b1540c5377e92f563f2183103b3b5 Mon Sep 17 00:00:00 2001 From: "minyoung.kim" Date: Sun, 16 Nov 2025 17:11:48 +0900 Subject: [PATCH 02/11] =?UTF-8?q?fix:=20=ED=94=BD=ED=94=BD=ED=94=BD=20?= =?UTF-8?q?=EC=83=81=EC=84=B8=20=EC=A0=9C=EB=AA=A9=20=ED=8C=A8=EB=94=A9=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 --- pages/pickpickpick/[id]/index.page.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/pages/pickpickpick/[id]/index.page.tsx b/pages/pickpickpick/[id]/index.page.tsx index 6bd6a4cd..53dd785f 100644 --- a/pages/pickpickpick/[id]/index.page.tsx +++ b/pages/pickpickpick/[id]/index.page.tsx @@ -97,7 +97,7 @@ const PickDetailPage: NextPageWithMeta = () => { >
-

+

{pickDetailData?.pickTitle}

{pickDetailData?.isAuthor && ( @@ -112,7 +112,9 @@ const PickDetailPage: NextPageWithMeta = () => { )}
-
+
{
{!isMobile && ( -
+
Date: Sun, 16 Nov 2025 17:28:19 +0900 Subject: [PATCH 03/11] =?UTF-8?q?Fix=20:=20=ED=94=BD=ED=94=BD=ED=94=BD=20?= =?UTF-8?q?=EC=83=81=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20-=20100%?= =?UTF-8?q?=EC=9D=B8=EA=B2=BD=EC=9A=B0=20UI=20=EA=B9=A8=EC=A7=90=20?= =?UTF-8?q?=ED=98=84=EC=83=81=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 프로그래스바를 유동적인 길이로 설정 --- .../[id]/components/VoteButtonV2.tsx | 26 ++++++++++++------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/pages/pickpickpick/[id]/components/VoteButtonV2.tsx b/pages/pickpickpick/[id]/components/VoteButtonV2.tsx index 8fe11143..6b72d0e2 100644 --- a/pages/pickpickpick/[id]/components/VoteButtonV2.tsx +++ b/pages/pickpickpick/[id]/components/VoteButtonV2.tsx @@ -49,9 +49,9 @@ export default function VoteButtonV2({ pickOptionData, dataIsVoted, pickOrder }: if (!dataIsVoted) { return ( <> -
- ?? % -
+
+ ?? % +
@@ -70,13 +70,19 @@ export default function VoteButtonV2({ pickOptionData, dataIsVoted, pickOrder }: return ( <> -
- {percent} % -
- {voteTotalCount}표 +
+ + {percent} % + +
+
+
+ + {voteTotalCount}표 +
{isPicked ? ( From 7010c592154d64c9cb57e3d5518fc5b704d9e2c2 Mon Sep 17 00:00:00 2001 From: mandelina Date: Sun, 16 Nov 2025 17:39:47 +0900 Subject: [PATCH 04/11] =?UTF-8?q?Fix=20:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20-?= =?UTF-8?q?=20=ED=94=BD=ED=94=BD=ED=94=BD=20=EB=AC=B8=EA=B5=AC=20=EC=95=A0?= =?UTF-8?q?=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20UI=20=EA=B9=A8=EC=A7=80?= =?UTF-8?q?=EB=8A=94=20=EB=B6=80=EB=B6=84=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/components/PickInfoV2.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/pickpickpick/components/PickInfoV2.tsx b/pages/pickpickpick/components/PickInfoV2.tsx index fb3ffc80..451bf2dc 100644 --- a/pages/pickpickpick/components/PickInfoV2.tsx +++ b/pages/pickpickpick/components/PickInfoV2.tsx @@ -79,7 +79,7 @@ export const MobilePickInfoV2 = () => { }); return ( -
+

개발고민 혼자 끙끙 앓지말고,
From 41abf1b638f93f770b8a446d4f21a87088f725f5 Mon Sep 17 00:00:00 2001 From: mandelina Date: Sun, 16 Nov 2025 17:43:01 +0900 Subject: [PATCH 05/11] =?UTF-8?q?Fix:=20=ED=94=BD=ED=94=BD=ED=94=BD=20?= =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20radius=EA=B0=92=20=EC=A1=B0?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/components/PickAnswerV2.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/pickpickpick/components/PickAnswerV2.tsx b/pages/pickpickpick/components/PickAnswerV2.tsx index dce7f012..7369b0f7 100644 --- a/pages/pickpickpick/components/PickAnswerV2.tsx +++ b/pages/pickpickpick/components/PickAnswerV2.tsx @@ -55,7 +55,7 @@ export default function PickAnswerV2({ const hasMedia = Boolean(imageUrl || content); const renderMedia = () => { - const mediaClassName = cn('w-full rounded-Radius16 h-[12rem]', { + const mediaClassName = cn('w-full rounded-Radius10 h-[12rem]', { 'opacity-50': isUnpickedOption, }); From 258bd216fbff0fbd3540c0e7cd85468d22e9e05b Mon Sep 17 00:00:00 2001 From: mandelina Date: Sun, 16 Nov 2025 17:46:41 +0900 Subject: [PATCH 06/11] =?UTF-8?q?Fix:=20=EB=82=98=EB=8F=84=EA=B3=A0?= =?UTF-8?q?=EB=AF=BC=ED=96=88=EB=8A=94=EB=8D=B0!=20=EB=AC=B8=EA=B5=AC=20?= =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=EC=9D=BC=EB=95=8C=2020px=EB=A1=9C?= =?UTF-8?q?=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/[id]/index.page.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pages/pickpickpick/[id]/index.page.tsx b/pages/pickpickpick/[id]/index.page.tsx index 53dd785f..ffd3c267 100644 --- a/pages/pickpickpick/[id]/index.page.tsx +++ b/pages/pickpickpick/[id]/index.page.tsx @@ -172,7 +172,9 @@ const PickDetailPage: NextPageWithMeta = () => {

-

나도 고민했는데! 다른 픽픽픽 💘

+

+ 나도 고민했는데! 다른 픽픽픽 💘 +

{similarPicks?.map((similarData) => ( Date: Sun, 16 Nov 2025 17:50:59 +0900 Subject: [PATCH 07/11] =?UTF-8?q?Fix=20:=20=ED=94=BD=ED=94=BD=ED=94=BD=20?= =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=ED=83=80=EC=9D=B4=ED=8B=80=20=EB=A7=88?= =?UTF-8?q?=EC=A7=84=EA=B0=92=20=EC=9E=A1=ED=9E=8C=EB=B6=80=EB=B6=84=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 --- pages/pickpickpick/components/PickHeader.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/pickpickpick/components/PickHeader.tsx b/pages/pickpickpick/components/PickHeader.tsx index 9005770d..a042dac9 100644 --- a/pages/pickpickpick/components/PickHeader.tsx +++ b/pages/pickpickpick/components/PickHeader.tsx @@ -6,7 +6,7 @@ export const PickHeader = ({ onClick }: { onClick: () => void }) => { const { isMobile } = useMediaQueryContext(); return (

From bb2a420536b5cd9bbb3ee94f94d9b16ab1ada41b Mon Sep 17 00:00:00 2001 From: "minyoung.kim" Date: Sun, 16 Nov 2025 17:41:05 +0900 Subject: [PATCH 08/11] =?UTF-8?q?fix:=20=EB=8C=93=EA=B8=80=20UI=20?= =?UTF-8?q?=EC=97=AC=EB=B0=B1=20(=EB=AA=A8=EB=B0=94=EC=9D=BC)=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/[id]/components/Comment.tsx | 3 ++- pages/techblog/components/Comment.tsx | 6 +++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/pages/pickpickpick/[id]/components/Comment.tsx b/pages/pickpickpick/[id]/components/Comment.tsx index c179848f..03519bb4 100644 --- a/pages/pickpickpick/[id]/components/Comment.tsx +++ b/pages/pickpickpick/[id]/components/Comment.tsx @@ -272,7 +272,8 @@ export default function Comment({
Date: Sun, 16 Nov 2025 17:56:33 +0900 Subject: [PATCH 09/11] =?UTF-8?q?fix:=20=ED=94=BD=ED=94=BD=ED=94=BD=20?= =?UTF-8?q?=EB=8C=93=EA=B8=80=20=EC=9E=91=EC=84=B1=20=EC=8B=9C=20=EB=8C=93?= =?UTF-8?q?=EA=B8=80=20=EC=83=81=EC=84=B8=20=EC=BA=90=EC=8B=9C=20=EC=97=85?= =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=8A=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pickpickpick/[id]/apiHooks/comment/usePostPickComment.tsx | 3 ++- pages/pickpickpick/[id]/components/PickCommentSection.tsx | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/pages/pickpickpick/[id]/apiHooks/comment/usePostPickComment.tsx b/pages/pickpickpick/[id]/apiHooks/comment/usePostPickComment.tsx index 53235294..e5d767c9 100644 --- a/pages/pickpickpick/[id]/apiHooks/comment/usePostPickComment.tsx +++ b/pages/pickpickpick/[id]/apiHooks/comment/usePostPickComment.tsx @@ -24,7 +24,7 @@ const postPickComment = async ({ pickId, contents, isPickVotePublic }: PostPickC return res.data; }; -export const usePostPickComment = () => { +export const usePostPickComment = ({ pickId }: { pickId: string }) => { const queryClient = useQueryClient(); const { setToastVisible } = useToastVisibleStore(); @@ -33,6 +33,7 @@ export const usePostPickComment = () => { onSuccess: async () => { await queryClient.invalidateQueries({ queryKey: ['pickCommentData'] }); await queryClient.invalidateQueries({ queryKey: ['getBestComments'] }); + await queryClient.invalidateQueries({ queryKey: ['getDetailPickData', pickId] }); setToastVisible({ message: '댓글을 성공적으로 작성했어요!', type: 'success' }); }, onError: (error: ErrorRespone) => { diff --git a/pages/pickpickpick/[id]/components/PickCommentSection.tsx b/pages/pickpickpick/[id]/components/PickCommentSection.tsx index 25eb4779..5a977e2d 100644 --- a/pages/pickpickpick/[id]/components/PickCommentSection.tsx +++ b/pages/pickpickpick/[id]/components/PickCommentSection.tsx @@ -13,7 +13,7 @@ export default function PickCommentSection({ pickId: string; dataIsVoted?: boolean; }) { - const { mutate: postPickCommentMutate } = usePostPickComment(); + const { mutate: postPickCommentMutate } = usePostPickComment({ pickId: pickId }); const handleWritableCommentButonClick = ({ contents: commentContents, From 68211609a411d599a4f7e2827d3436d0592c6df8 Mon Sep 17 00:00:00 2001 From: mandelina Date: Sun, 16 Nov 2025 18:07:58 +0900 Subject: [PATCH 10/11] =?UTF-8?q?Fix:=20=EC=84=A0=ED=83=9D=EC=A7=80=20?= =?UTF-8?q?=ED=8C=A8=EB=94=A9=20=EC=A1=B0=EC=A0=95=20=EB=B0=8F=20=EB=AF=B8?= =?UTF-8?q?=EB=94=94=EC=96=B4=20=EC=BF=BC=EB=A6=AC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/components/PickAnswerV2.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/pages/pickpickpick/components/PickAnswerV2.tsx b/pages/pickpickpick/components/PickAnswerV2.tsx index 7369b0f7..73c64d4e 100644 --- a/pages/pickpickpick/components/PickAnswerV2.tsx +++ b/pages/pickpickpick/components/PickAnswerV2.tsx @@ -1,5 +1,7 @@ import { cn } from '@utils/mergeStyle'; +import { useMediaQueryContext } from '@/contexts/MediaQueryContext'; + interface PickAnswerV2Props { title: string; isPicked: boolean; @@ -40,6 +42,7 @@ export default function PickAnswerV2({ imageUrl, content, }: PickAnswerV2Props) { + const { isMobile } = useMediaQueryContext(); const isPickedOption = isVoted && isPicked; const isUnpickedOption = isVoted && !isPicked; @@ -84,7 +87,7 @@ export default function PickAnswerV2({ return (
  • From d03f07981f04967f9c8fcb5cd422c84141e8477d Mon Sep 17 00:00:00 2001 From: mandelina Date: Sun, 16 Nov 2025 18:13:19 +0900 Subject: [PATCH 11/11] =?UTF-8?q?fix:=20=ED=94=BD=ED=94=BD=ED=94=BD=20?= =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=9B=B9-16?= =?UTF-8?q?=20=EB=AA=A8=EB=B0=94=EC=9D=BC=2010=EC=9C=BC=EB=A1=9C=20radius?= =?UTF-8?q?=EA=B0=92=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/pickpickpick/components/PickAnswerV2.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pages/pickpickpick/components/PickAnswerV2.tsx b/pages/pickpickpick/components/PickAnswerV2.tsx index 73c64d4e..312a25f2 100644 --- a/pages/pickpickpick/components/PickAnswerV2.tsx +++ b/pages/pickpickpick/components/PickAnswerV2.tsx @@ -58,8 +58,10 @@ export default function PickAnswerV2({ const hasMedia = Boolean(imageUrl || content); const renderMedia = () => { - const mediaClassName = cn('w-full rounded-Radius10 h-[12rem]', { + const mediaClassName = cn('w-full h-[12rem]', { 'opacity-50': isUnpickedOption, + 'rounded-Radius10 ': isMobile, + 'rounded-Radius16 ': !isMobile, }); if (imageUrl) {