From e8f79ddf7e72535bce809522a52a12d424603e93 Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Wed, 12 Jun 2024 23:42:44 +0900
Subject: [PATCH 1/8] =?UTF-8?q?design=20:=20layout=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/layout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a8c0aa1..fd11d16 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -31,7 +31,9 @@ export default function RootLayout({
           <Suspense fallback={<div>로딩중인데요?ㅋㅋ</div>}>
             <Header />
             <StoreProvider>
-              <div className="flex min-h-screen w-full">{children}</div>
+              <div className="flex min-h-screen min-w-full justify-center">
+                {children}
+              </div>
             </StoreProvider>
             <Footer />
           </Suspense>

From 0e3a1f8507ce245db3a1d546f22d1b0bb0f6cd8f Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Wed, 12 Jun 2024 23:43:47 +0900
Subject: [PATCH 2/8] =?UTF-8?q?design=20:=20=ED=9A=8C=EC=9B=90=EA=B0=80?=
 =?UTF-8?q?=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/signup/page.tsx    |  4 ++--
 src/app/styles/globals.css | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
index 0e552e8..1cdd1ca 100644
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -71,10 +71,10 @@ function Page() {
   };
 
   return (
-    <div className="flex flex-col items-center">
+    <div className="flex h-screen w-screen flex-col items-center justify-center">
       <WarningAlert errorMessage={errorMessage} showAlert={showAlert} />
       <div>
-        <h1 className="mb-14 mt-20 flex flex-row text-3xl font-light">
+        <h1 className="mb-14 flex flex-row text-3xl font-light">
           <p
             className={`text-center text-xl sm:text-xl lg:text-3xl ${mont.className}`}
           >
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index c2e45d4..0236fd9 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -2,6 +2,42 @@
 @tailwind components;
 @tailwind utilities;
 
+/* 기본 라이트 모드 스타일 */
+body,
+button,
+input,
+textarea,
+select {
+  background-color: #ffffff; /* 백색 배경 */
+  color: #000000; /* 검정색 텍스트 */
+  border-color: #cccccc; /* 회색 테두리 */
+}
+
+a {
+  color: #000000; /* 기본 링크 색상 */
+}
+
+/* 추가적인 요소에 대한 스타일 정의가 필요할 수 있습니다. */
+
+/* 시스템이 다크 모드 설정이라도 라이트 모드 스타일을 강제 적용 */
+@media (prefers-color-scheme: dark) {
+  body,
+  button,
+  input,
+  textarea,
+  select {
+    background-color: #ffffff; /* 백색 배경 */
+    color: #000000; /* 검정색 텍스트 */
+    border-color: #cccccc; /* 회색 테두리 */
+  }
+
+  a {
+    color: #000000; /* 기본 링크 색상 */
+  }
+
+  /* 추가적인 요소에 대한 스타일을 미디어 쿼리 내에서도 동일하게 재정의합니다. */
+}
+
 /* 웹킷(Chrome, Safari 등) 브라우저의 스크롤바 */
 ::-webkit-scrollbar {
   width: 0.4rem; /* 스크롤바의 너비 */

From ced76d77c213a3e611cb3fd6420a672c9a55c292 Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Thu, 13 Jun 2024 14:47:29 +0900
Subject: [PATCH 3/8] =?UTF-8?q?design=20:=20=EB=8B=A4=ED=81=AC=EB=AA=A8?=
 =?UTF-8?q?=EB=93=9C=20=EC=8B=9C=20=EA=B8=B0=EB=B3=B8=EC=A0=81=EC=9D=B8=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=83=89=EC=83=81=20?=
 =?UTF-8?q?=EB=9D=BC=EC=9D=B4=ED=8A=B8=20=EB=AA=A8=EB=93=9C=EC=99=80=20?=
 =?UTF-8?q?=EB=8F=99=EC=9D=BC=ED=95=98=EA=B2=8C=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/styles/globals.css | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index 0236fd9..184154c 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -2,23 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* 기본 라이트 모드 스타일 */
-body,
-button,
-input,
-textarea,
-select {
-  background-color: #ffffff; /* 백색 배경 */
-  color: #000000; /* 검정색 텍스트 */
-  border-color: #cccccc; /* 회색 테두리 */
-}
-
-a {
-  color: #000000; /* 기본 링크 색상 */
-}
-
-/* 추가적인 요소에 대한 스타일 정의가 필요할 수 있습니다. */
-
 /* 시스템이 다크 모드 설정이라도 라이트 모드 스타일을 강제 적용 */
 @media (prefers-color-scheme: dark) {
   body,

From a21c3704d4cd9bd7539a27d923c7ab8a58f651da Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Thu, 13 Jun 2024 14:47:47 +0900
Subject: [PATCH 4/8] =?UTF-8?q?design=20:=20=EB=AA=A8=EC=9E=84=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=ED=99=94=EB=A9=B4=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EC=9D=BC=EB=B6=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/posts/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/posts/page.tsx b/src/app/posts/page.tsx
index a7ff46f..db2b6f8 100644
--- a/src/app/posts/page.tsx
+++ b/src/app/posts/page.tsx
@@ -526,7 +526,7 @@ function page() {
                 placeholder="주소"
               />
               <button
-                className="btn h-12 w-32 bg-[#e0e0e0] text-sm text-white hover:bg-[#0a0a0a] sm:text-base"
+                className="btn h-12 w-32 border-none bg-gray-200 text-sm text-zinc-500 hover:bg-gray-300 sm:text-base"
                 onClick={() => setMeetingAddressModalOpen(true)}
               >
                 주소 검색
@@ -761,7 +761,7 @@ function page() {
         )}
         <div className="mt-12 flex w-full flex-row justify-end">
           <button
-            className="btn h-12 w-32 bg-[#dadada] text-white hover:bg-[#202020]"
+            className="btn h-12 w-32 border-none bg-gray-200 text-sm text-zinc-500 hover:bg-gray-300 sm:text-base"
             onClick={handlePostMeetings}
             type="button"
           >

From 3b6e6ec09b632704aef97dd600746770bf764696 Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Thu, 13 Jun 2024 15:06:36 +0900
Subject: [PATCH 5/8] =?UTF-8?q?design=20:=20signup=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/signup/page.tsx    | 6 +++---
 src/app/styles/globals.css | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
index 1cdd1ca..c4680eb 100644
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -96,7 +96,7 @@ function Page() {
             type="radio"
             name="radio-1"
             style={{ width: '18px', height: '18px' }}
-            className="radio mr-2"
+            className="radio mr-2 text-white"
             value="radio-1"
             checked={selectedRadio === 'radio-1'}
             onChange={handleRadioChange}
@@ -129,7 +129,7 @@ function Page() {
         </div>
         <input
           type="text"
-          className="input mb-4 h-10 w-60 border border-b border-black sm:w-60 lg:w-80"
+          className="input mb-4 h-10 w-60 border border-b border-zinc-400 bg-white sm:w-60 lg:w-80"
           value={name}
           onChange={(event) => setName(event.target.value)}
         />
@@ -138,7 +138,7 @@ function Page() {
         </div>
         <input
           type="text"
-          className="input mb-4 h-10 w-60 border border-b border-black sm:w-60 lg:w-80"
+          className="border- input mb-4 h-10 w-60 border border-zinc-400 bg-white sm:w-60 lg:w-80"
           value={location}
           onChange={(event) => setLocation(event.target.value)}
         />
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index 184154c..1b699a6 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -8,11 +8,16 @@
   button,
   input,
   textarea,
+  input,
   select {
     background-color: #ffffff; /* 백색 배경 */
     color: #000000; /* 검정색 텍스트 */
     border-color: #cccccc; /* 회색 테두리 */
   }
+  .radio:checked {
+    background-color: white; /* 배경색 */
+    border: 1px solid #ccc; /* 테두리 색상 */
+  }
 
   a {
     color: #000000; /* 기본 링크 색상 */

From 25fe1509eae113cfe26b6663ea19b3ebc6495f52 Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Thu, 13 Jun 2024 15:16:57 +0900
Subject: [PATCH 6/8] =?UTF-8?q?design=20:=20=EB=AA=A8=EC=9E=84=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EC=9D=BC=EB=B6=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/InfiniteScroll.tsx | 62 ---------------------------
 src/app/components/Post.tsx           |  4 +-
 src/app/signup/page.tsx               |  6 ++-
 3 files changed, 6 insertions(+), 66 deletions(-)
 delete mode 100644 src/app/components/InfiniteScroll.tsx

diff --git a/src/app/components/InfiniteScroll.tsx b/src/app/components/InfiniteScroll.tsx
deleted file mode 100644
index 01b1475..0000000
--- a/src/app/components/InfiniteScroll.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable consistent-return */
-/* eslint-disable comma-spacing */
-/* eslint-disable object-curly-newline */
-/* eslint-disable operator-linebreak */
-import React, { useEffect, useRef } from 'react';
-import { useInfiniteQuery } from '@tanstack/react-query';
-
-const InfiniteScroll = ({
-  queryKey,
-  queryFn,
-  renderItem,
-  getNextPageParam,
-  dataPath,
-}: any) => {
-  const { data, isLoading, isError, fetchNextPage, hasNextPage } =
-    useInfiniteQuery({
-      queryKey,
-      queryFn,
-      getNextPageParam,
-      initialPageParam: 0,
-    });
-
-  const loadMoreRef = useRef(null);
-
-  useEffect(() => {
-    if (!hasNextPage) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting) {
-          fetchNextPage();
-        }
-      },
-      {
-        root: null, // 기본적으로 브라우저 뷰포트를 root로 사용
-        rootMargin: '0px',
-        threshold: 0.1, // 타겟 요소가 10% 보이면 콜백 실행
-      },
-    );
-    if (loadMoreRef.current) observer.observe(loadMoreRef.current);
-
-    return () => {
-      if (loadMoreRef.current) observer.disconnect();
-    };
-  }, [hasNextPage, fetchNextPage]);
-
-  return (
-    <div className="w-full">
-      {isLoading && <div>Loading...</div>}
-      {isError && <div>Error loading data</div>}
-      {data?.pages.map((page, pageIndex) => (
-        <React.Fragment key={pageIndex}>
-          {dataPath(page).map((item: any) => renderItem(item))}
-        </React.Fragment>
-      ))}
-      {isLoading && <div>Loading more items...</div>}
-      <div ref={loadMoreRef} />
-    </div>
-  );
-};
-
-export default InfiniteScroll;
diff --git a/src/app/components/Post.tsx b/src/app/components/Post.tsx
index 0a66efd..5f753b6 100644
--- a/src/app/components/Post.tsx
+++ b/src/app/components/Post.tsx
@@ -12,11 +12,11 @@ function Post({ titleImage, title, location, meetingId, endTime }: postProps) {
       className="m-4 flex cursor-pointer flex-col justify-center"
       href={`/meeting/${meetingId}`}
     >
-      <figure className="relative flex h-32 w-32 sm:h-40 sm:w-40 md:h-48 md:w-48 lg:h-56 lg:w-56">
+      <figure className="relative flex h-32 w-32 rounded-lg shadow-xl sm:h-40 sm:w-40 md:h-48 md:w-48 lg:h-56 lg:w-56">
         <Image
           src={titleImage}
           alt={titleImage}
-          className="relative rounded-lg object-cover "
+          className="relative rounded-lg object-cover"
           fill
           sizes="100vm"
         />
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
index c4680eb..a180cfd 100644
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+
 'use client';
 
 import { Montserrat } from 'next/font/google';
@@ -13,7 +15,7 @@ import WarningAlert from '../components/WarningAlert.tsx';
 
 const mont = Montserrat({ subsets: ['latin'], weight: ['400'] });
 
-function Page() {
+function page() {
   const today = dayjs();
   const [selectedRadio, setSelectedRadio] = useState<string>('radio-1');
   const [birthDate, setBirthDate] = useState<Dayjs | null>(today);
@@ -153,4 +155,4 @@ function Page() {
   );
 }
 
-export default Page;
+export default page;

From ff32b8f08bc43c5907dd62c77b94581ab32c7dcf Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Thu, 13 Jun 2024 15:49:30 +0900
Subject: [PATCH 7/8] =?UTF-8?q?design=20:=20=EB=AA=A8=EC=9E=84=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=8B=A4=ED=81=AC?=
 =?UTF-8?q?=EB=AA=A8=EB=93=9C=20=EB=AC=B4=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/MannerStatBar.tsx             | 2 +-
 src/app/meeting/[meetingParam]/MeetingHeader.tsx | 4 ++--
 src/app/styles/globals.css                       | 5 +----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/app/components/MannerStatBar.tsx b/src/app/components/MannerStatBar.tsx
index 1932a9e..b3546c4 100644
--- a/src/app/components/MannerStatBar.tsx
+++ b/src/app/components/MannerStatBar.tsx
@@ -4,7 +4,7 @@ function MannerStatBar({ mannerStat }: { mannerStat: number }) {
   return (
     <div className="ml-10 mt-2 flex w-full flex-col p-2">
       <div className="flex flex-row">
-        <p className="w-full pl-1 text-sm font-light">매너스탯</p>
+        <p className="w-full pl-1 text-sm text-black">매너스탯</p>
         <p className="w-full pr-2 text-right text-sm font-semibold">
           {mannerStatTranslate(mannerStat)}
         </p>
diff --git a/src/app/meeting/[meetingParam]/MeetingHeader.tsx b/src/app/meeting/[meetingParam]/MeetingHeader.tsx
index c9d935a..20385a2 100644
--- a/src/app/meeting/[meetingParam]/MeetingHeader.tsx
+++ b/src/app/meeting/[meetingParam]/MeetingHeader.tsx
@@ -101,7 +101,7 @@ function MeetingHeader({
               ref={detailsRef}
               className="dropdown dropdown-end dropdown-bottom"
             >
-              <summary className="btn btn-circle mt-1">
+              <summary className="btn btn-circle mt-1 border-none bg-zinc-100 hover:bg-zinc-200">
                 {' '}
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -116,7 +116,7 @@ function MeetingHeader({
                   <circle cx="12" cy="18" r="1.5" fill="currentColor" />
                 </svg>
               </summary>
-              <ul className="menu dropdown-content z-[10] w-52 rounded-box bg-base-100 p-2 shadow">
+              <ul className="menu dropdown-content z-[10] w-52 rounded-box bg-white p-2 shadow">
                 {!endTime && (
                   <li>
                     <a
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index 1b699a6..d5c232d 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -18,12 +18,9 @@
     background-color: white; /* 배경색 */
     border: 1px solid #ccc; /* 테두리 색상 */
   }
-
   a {
     color: #000000; /* 기본 링크 색상 */
   }
-
-  /* 추가적인 요소에 대한 스타일을 미디어 쿼리 내에서도 동일하게 재정의합니다. */
 }
 
 /* 웹킷(Chrome, Safari 등) 브라우저의 스크롤바 */
@@ -33,7 +30,7 @@
 
 /* 스크롤바의 Track (배경) */
 ::-webkit-scrollbar-track {
-  background: transparent;
+  background: #f5f5f5;
 }
 
 /* 스크롤바의 Thumb (드래그할 수 있는 부분) */

From caee6c16fd9c03cac1c421ef3fd90e614c95ef48 Mon Sep 17 00:00:00 2001
From: "j._.jinoo" <jinoo0306@naver.com>
Date: Thu, 13 Jun 2024 15:49:41 +0900
Subject: [PATCH 8/8] =?UTF-8?q?design=20:=20=EB=A7=88=EC=BB=A4=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/Icon.tsx | 12 ++++++++++++
 src/app/home/Body.tsx       |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/app/components/Icon.tsx b/src/app/components/Icon.tsx
index 5bc6487..e7d4658 100644
--- a/src/app/components/Icon.tsx
+++ b/src/app/components/Icon.tsx
@@ -1,4 +1,5 @@
 import { iconClassnameProps } from '@/types/component.ts';
+import Image from 'next/image';
 
 export function GpsIcon({ className }: iconClassnameProps) {
   return (
@@ -71,3 +72,14 @@ export function CameraIcon({ className }: iconClassnameProps) {
     </svg>
   );
 }
+
+export function Marker({ className }: iconClassnameProps) {
+  <figure className={`relative ${className}`}>
+    <Image
+      src="https://i.ibb.co/sCQvt3z/Group-2608599.png"
+      alt=""
+      fill
+      sizes="100vw"
+    />
+  </figure>;
+}
diff --git a/src/app/home/Body.tsx b/src/app/home/Body.tsx
index d3779bb..5fa7030 100644
--- a/src/app/home/Body.tsx
+++ b/src/app/home/Body.tsx
@@ -213,7 +213,7 @@ function Distance() {
                   position={{ lat: marker.lat, lng: marker.lng }}
                   onClick={() => handleMain(marker)}
                   image={{
-                    src: 'https://i.ibb.co/Cnwf3x8/image.png',
+                    src: 'https://i.ibb.co/sCQvt3z/Group-2608599.png',
                     size: { width: 64, height: 70 },
                     options: { offset: { x: 27, y: 69 } },
                   }}