Merge pull request #313 from TripInfoWeb/dev_diary

Refactor: 여행일기 하루만 작성 가능하도록 변경

src/app/error.tsx

@@ -15,16 +15,16 @@ const Error = () => {
     <main className="flex w-full items-center justify-center px-6 py-20">
       <div className="flex w-full flex-col items-start justify-center">
         <div className="flex flex-col items-start justify-center gap-6">
-          <h1 className="text-[2.25rem] font-bold text-black max-[744px]:text-2xl ">
+          <h1 className="text-[2.25rem] font-bold text-black max-[744px]:text-2xl">
             앗..오류가 발생하였습니다.
           </h1>
-          <div className="flex flex-col items-start text-gray1 ">
+          <div className="flex flex-col items-start text-gray1">
             <p>시스템에 오류가 발생하였습니다.</p>
             <p>잠시 후에 다시 시도해 주세요.</p>
           </div>
           <div className="flex flex-row items-center gap-[0.625rem]">
             <Link
-              className="flex h-[2.625rem] w-[6.625rem] flex-row items-center justify-center rounded-full border-[0.0625rem] border-gray3 hover:scale-105 "
+              className="flex h-[2.625rem] w-[6.625rem] flex-row items-center justify-center rounded-full border-[0.0625rem] border-gray3 hover:scale-105"
               href="/"
             >
               홈으로
@@ -35,7 +35,7 @@ const Error = () => {
         <div className="flex w-full flex-row justify-end">
           <div className="relative h-[14.375rem] w-[18.375rem] max-[1024px]:w-[16rem] max-[744px]:w-[14rem]">
             <Image
-              src="/error_sign.svg"
+              src="/error/error_sign.svg"
               alt="error_sign"
               fill={true}
               style={{ objectFit: "contain" }}

src/app/not-found.tsx

@@ -13,7 +13,7 @@ const NotFound = () => {
     <main className="flex flex-col items-center justify-center gap-6 py-20">
       <div className="relative aspect-[75/46] w-[23.4375rem] max-[744px]:w-80">
         <Image
-          src="/404.svg"
+          src="/not-found/404.svg"
           alt="404"
           fill={true}
           style={{ objectFit: "contain" }}

src/components/auth/SignIn.tsx

@@ -34,7 +34,11 @@ const SignIn = () => {
         href="/api/auth/kakao"
       >
         <div className="absolute left-[1rem] top-[50%] aspect-square w-[1rem] translate-y-[-50%]">
-          <Image src={"/kakao-icon.svg"} alt={"kakao-logo-image"} fill={true} />
+          <Image
+            src={"/auth/kakao-icon.svg"}
+            alt={"kakao-logo-image"}
+            fill={true}
+          />
         </div>
         <span className="text-sm font-semibold text-black">
           카카오로 로그인
@@ -48,7 +52,7 @@ const SignIn = () => {
       >
         <div className="absolute left-[1rem] top-[50%] aspect-square w-[1rem] translate-y-[-50%]">
           <Image
-            src={"/google-icon.svg"}
+            src={"/auth/google-icon.svg"}
             alt={"google-logo-image"}
             fill={true}
           />

src/components/auth/SignUp.tsx

@@ -34,7 +34,11 @@ const SignUp = () => {
         href="/api/auth/kakao"
       >
         <div className="absolute left-[1rem] top-[50%] aspect-square w-[1rem] translate-y-[-50%]">
-          <Image src={"/kakao-icon.svg"} alt={"kakao-logo-image"} fill={true} />
+          <Image
+            src={"/auth/kakao-icon.svg"}
+            alt={"kakao-logo-image"}
+            fill={true}
+          />
         </div>
         <span className="text-sm font-semibold text-black">
           카카오로 1초만에 시작하기
@@ -48,7 +52,7 @@ const SignUp = () => {
       >
         <div className="absolute left-[1rem] top-[50%] aspect-square w-[1rem] translate-y-[-50%]">
           <Image
-            src={"/google-icon.svg"}
+            src={"/auth/google-icon.svg"}
             alt={"google-logo-image"}
             fill={true}
           />

src/components/common/Banner.tsx

@@ -58,7 +58,7 @@ const Banner = ({ content, buttonText, category }: Props) => {
         <div className="relative flex h-[13.5rem] w-[24.875rem] animate-bannerImage items-center justify-end max-[1024px]:mt-8 max-[1024px]:h-[10.6875rem] max-[744px]:justify-center">
           <Image
             className="object-contain"
-            src="/banner-image.png"
+            src="/information/banner-image.png"
             alt="banner-image"
             fill={true}
           />

src/components/common/Breadcrumb.tsx

@@ -18,7 +18,7 @@ const Breadcrumbs: FC<BreadcrumbsProps> = ({ categories }) => {
       <div className="text-gray1">
         <Link href={"/"}>
           <Image
-            src={"/home-icon.svg"}
+            src={"/common/home-icon.svg"}
             alt={"home-icon-image"}
             width={12}
             height={12}

src/components/common/FloatingButton.tsx

@@ -57,7 +57,7 @@ const FloatingButton = ({ visible, ref, onClick, onScrollToTop }: Props) => {
         >
           <Image
             className="-ml-1"
-            src="/pencil-icon.png"
+            src="/common/pencil-icon.png"
             alt="pencil-icon"
             width={24}
             height={24}

src/components/common/Footer.tsx

@@ -9,7 +9,7 @@ const Footer = () => {
       <div className="flex w-[60rem] flex-col gap-4 px-4 py-8">
         <Link className="relative h-8 w-[5.75rem]" href="/">
           <Image
-            src={"/Solitour-logo.svg"}
+            src={"/common/solitour-logo.svg"}
             alt={"/background"}
             fill={true}
             style={{