Merge pull request #10 from CarToi/refactor/#7/recommend-page

[refactor, design] #7 추천 결과 페이지 반응형

Author: kimD0ngjun

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

next.config.ts

@@ -1,7 +1,12 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   images: {
-    domains: ["encrypted-tbn0.gstatic.com"],
+    domains: [
+      "encrypted-tbn0.gstatic.com",
+      "www.gunsan.go.kr",
+      "www.ktriptips.com",
+      "www.saemangeum.go.kr",
+    ],
   },
 };
 

package-lock.json

@@ -29,6 +29,8 @@
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
     "eslint-config-next": "15.3.3",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.13",
     "tailwindcss": "^4.1.9",
     "typescript": "^5"
   }

package.json

@@ -1,9 +1,9 @@
 "use client";
 
-import Logo from "@/assets/icons/logo.png";
+import { useEffect } from "react";
 import { createNewUser } from "@/utils/createNewUser";
 import Image from "next/image";
-import { useEffect } from "react";
+import Logo from "@/assets/icons/logo.png";
 
 export default function LandingPage({
   routing,
@@ -18,14 +18,14 @@ export default function LandingPage({
   }, [routing]);
 
   return (
-    <div className="flex items-center w-full h-screen bg-[#F7F9FD]">
-      <div className="flex flex-col items-center gap-[40px] w-full">
+    <div className="flex h-screen w-full items-center bg-[#F7F9FD]">
+      <div className="flex w-full flex-col items-center gap-[40px]">
         <Image src={Logo} alt="" />
-        <div className="flex flex-col items-center gap-[24px] w-full">
-          <h2 className="text-[#142448] text-center text-[36px] font-[700] leading-[120%]">
+        <div className="flex w-full flex-col items-center gap-[24px]">
+          <h2 className="text-center text-[36px] leading-[120%] font-[700] text-[#142448]">
             새길에 오신 것을 환영해요!
           </h2>
-          <p className="text-[#7F9CDC] text-center text-[22px] font-[600] leading-[150%]">
+          <p className="text-center text-[22px] leading-[150%] font-[600] text-[#7F9CDC]">
             먼저 간단한 정보부터 시작해볼까요?
           </p>
         </div>