v0.0.1 (#4)

* 🎨 feat : 모바일 UI 세팅 * 🚧 chore : prettier 다시 적용, vscode workspace세팅 추가 * 🎨 feat : ui textarea * 📃 docs : pr 템플릿 추가 --------- Co-authored-by: 이본훈 <[email protected]>
Medici-Mansion · Aug 11, 2023 · d418c8d · d418c8d
1 parent 3c6006d
commit d418c8d
Show file tree

Hide file tree

Showing 96 changed files with 3,532 additions and 221 deletions.
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -0,0 +1,15 @@
+## PR 제목
+
+## 이슈 번호 및 링크카 있다면 알려주세요.
+
+## 리뷰 요청 전 확인해주세요.
+
+- [x] 원하는 기능을 구현했습니다.
+- [x] 코드 컨벤션에 이상이 없는지 확인했습니다.
+- [x] 불필요한 코드를 제거했습니다.
+
+## 추가된 패키지가 있다면 체크해주세요.
+
+- [ ] 새로운 패키지를 추가했습니다.
+
+## 변경 사항에 대해 간단히 설명 해주세요.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,5 @@
 {
   "endOfLine": "auto",
-  "semi": false,
-  "singleQuote": true
-}
+  "singleQuote": true,
+  "semi": false
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,8 +3,13 @@
     "**/.yarn": true,
     "**/.pnp.*": true
   },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
   "eslint.nodePath": ".yarn/sdks",
-  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
+  "prettier.prettierPath": "",
   "typescript.tsdk": ".yarn/sdks/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
 }
diff --git a/.yarn/cache/@floating-ui-core-npm-1.4.1-fe89c45d92-be4ab864fe.zip b/.yarn/cache/@floating-ui-core-npm-1.4.1-fe89c45d92-be4ab864fe.zip
diff --git a/.yarn/cache/@floating-ui-dom-npm-1.5.1-67bc3b442f-ddb5090309.zip b/.yarn/cache/@floating-ui-dom-npm-1.5.1-67bc3b442f-ddb5090309.zip
diff --git a/.yarn/cache/@floating-ui-react-dom-npm-2.0.1-9c7cfe6387-00fef2cf69.zip b/.yarn/cache/@floating-ui-react-dom-npm-2.0.1-9c7cfe6387-00fef2cf69.zip
diff --git a/.yarn/cache/@floating-ui-utils-npm-0.1.1-ef381418a6-548acdda79.zip b/.yarn/cache/@floating-ui-utils-npm-0.1.1-ef381418a6-548acdda79.zip
diff --git a/.yarn/cache/@radix-ui-number-npm-1.0.1-167c973d35-621ea8b7d4.zip b/.yarn/cache/@radix-ui-number-npm-1.0.1-167c973d35-621ea8b7d4.zip
diff --git a/.yarn/cache/@radix-ui-primitive-npm-1.0.1-cbcafe0446-2b93e161d3.zip b/.yarn/cache/@radix-ui-primitive-npm-1.0.1-cbcafe0446-2b93e161d3.zip
diff --git a/.yarn/cache/@radix-ui-react-arrow-npm-1.0.3-d57b8cf08f-8cca086f0d.zip b/.yarn/cache/@radix-ui-react-arrow-npm-1.0.3-d57b8cf08f-8cca086f0d.zip
diff --git a/.yarn/cache/@radix-ui-react-collection-npm-1.0.3-e63f97f38b-acfbc9b0b2.zip b/.yarn/cache/@radix-ui-react-collection-npm-1.0.3-e63f97f38b-acfbc9b0b2.zip
diff --git a/.yarn/cache/@radix-ui-react-compose-refs-npm-1.0.1-02d1046f7d-2b9a613b6d.zip b/.yarn/cache/@radix-ui-react-compose-refs-npm-1.0.1-02d1046f7d-2b9a613b6d.zip
diff --git a/.yarn/cache/@radix-ui-react-context-npm-1.0.1-c6d8414c9a-60e9b81d36.zip b/.yarn/cache/@radix-ui-react-context-npm-1.0.1-c6d8414c9a-60e9b81d36.zip
diff --git a/.yarn/cache/@radix-ui-react-direction-npm-1.0.1-ab286e4395-5336a8b0d4.zip b/.yarn/cache/@radix-ui-react-direction-npm-1.0.1-ab286e4395-5336a8b0d4.zip
diff --git a/.yarn/cache/@radix-ui-react-dismissable-layer-npm-1.0.4-1867822920-ea86004ed5.zip b/.yarn/cache/@radix-ui-react-dismissable-layer-npm-1.0.4-1867822920-ea86004ed5.zip
diff --git a/.yarn/cache/@radix-ui-react-dropdown-menu-npm-2.0.5-bf739b09ab-42fd72f243.zip b/.yarn/cache/@radix-ui-react-dropdown-menu-npm-2.0.5-bf739b09ab-42fd72f243.zip
diff --git a/.yarn/cache/@radix-ui-react-focus-guards-npm-1.0.1-415ba52867-1f8ca8f83b.zip b/.yarn/cache/@radix-ui-react-focus-guards-npm-1.0.1-415ba52867-1f8ca8f83b.zip
diff --git a/.yarn/cache/@radix-ui-react-focus-scope-npm-1.0.3-4759094e87-e5b1a08907.zip b/.yarn/cache/@radix-ui-react-focus-scope-npm-1.0.3-4759094e87-e5b1a08907.zip
diff --git a/.yarn/cache/@radix-ui-react-id-npm-1.0.1-d2f01e7fd5-446a453d79.zip b/.yarn/cache/@radix-ui-react-id-npm-1.0.1-d2f01e7fd5-446a453d79.zip
diff --git a/.yarn/cache/@radix-ui-react-label-npm-2.0.2-39662e2444-fe3bd8902b.zip b/.yarn/cache/@radix-ui-react-label-npm-2.0.2-39662e2444-fe3bd8902b.zip
diff --git a/.yarn/cache/@radix-ui-react-menu-npm-2.0.5-9762346d79-938623497f.zip b/.yarn/cache/@radix-ui-react-menu-npm-2.0.5-9762346d79-938623497f.zip
diff --git a/.yarn/cache/@radix-ui-react-popper-npm-1.1.2-2ec2059680-4929daa0d1.zip b/.yarn/cache/@radix-ui-react-popper-npm-1.1.2-2ec2059680-4929daa0d1.zip
diff --git a/.yarn/cache/@radix-ui-react-portal-npm-1.0.3-4c59d6f96d-d352bcd6ad.zip b/.yarn/cache/@radix-ui-react-portal-npm-1.0.3-4c59d6f96d-d352bcd6ad.zip
diff --git a/.yarn/cache/@radix-ui-react-presence-npm-1.0.1-2057bd46b4-ed2ff9faf9.zip b/.yarn/cache/@radix-ui-react-presence-npm-1.0.1-2057bd46b4-ed2ff9faf9.zip
diff --git a/.yarn/cache/@radix-ui-react-primitive-npm-1.0.3-1983a5adc0-9402bc2292.zip b/.yarn/cache/@radix-ui-react-primitive-npm-1.0.3-1983a5adc0-9402bc2292.zip
diff --git a/.yarn/cache/@radix-ui-react-roving-focus-npm-1.0.4-7106f3083a-69b1c82c2d.zip b/.yarn/cache/@radix-ui-react-roving-focus-npm-1.0.4-7106f3083a-69b1c82c2d.zip
diff --git a/.yarn/cache/@radix-ui-react-select-npm-1.2.2-6fdfdf920b-af7b63cc9e.zip b/.yarn/cache/@radix-ui-react-select-npm-1.2.2-6fdfdf920b-af7b63cc9e.zip
diff --git a/.yarn/cache/@radix-ui-react-separator-npm-1.0.3-a8fd4c57de-42f8c95e40.zip b/.yarn/cache/@radix-ui-react-separator-npm-1.0.3-a8fd4c57de-42f8c95e40.zip
diff --git a/.yarn/cache/@radix-ui-react-slot-npm-1.0.2-b9078e9a0b-edf5edf435.zip b/.yarn/cache/@radix-ui-react-slot-npm-1.0.2-b9078e9a0b-edf5edf435.zip
diff --git a/.yarn/cache/@radix-ui-react-toast-npm-1.1.4-1e44cbaa22-b79a8c2440.zip b/.yarn/cache/@radix-ui-react-toast-npm-1.1.4-1e44cbaa22-b79a8c2440.zip
diff --git a/.yarn/cache/@radix-ui-react-use-callback-ref-npm-1.0.1-e521cb00a3-b9fd39911c.zip b/.yarn/cache/@radix-ui-react-use-callback-ref-npm-1.0.1-e521cb00a3-b9fd39911c.zip
diff --git a/.yarn/cache/@radix-ui-react-use-controllable-state-npm-1.0.1-cbe6fcf1d7-dee2be1937.zip b/.yarn/cache/@radix-ui-react-use-controllable-state-npm-1.0.1-cbe6fcf1d7-dee2be1937.zip
diff --git a/.yarn/cache/@radix-ui-react-use-escape-keydown-npm-1.0.3-2455d95aa3-c6ed0d9ce7.zip b/.yarn/cache/@radix-ui-react-use-escape-keydown-npm-1.0.3-2455d95aa3-c6ed0d9ce7.zip
diff --git a/.yarn/cache/@radix-ui-react-use-layout-effect-npm-1.0.1-fa00f2498d-bed9c7e8de.zip b/.yarn/cache/@radix-ui-react-use-layout-effect-npm-1.0.1-fa00f2498d-bed9c7e8de.zip
diff --git a/.yarn/cache/@radix-ui-react-use-previous-npm-1.0.1-ec2aa9ac62-66b4312e85.zip b/.yarn/cache/@radix-ui-react-use-previous-npm-1.0.1-ec2aa9ac62-66b4312e85.zip
diff --git a/.yarn/cache/@radix-ui-react-use-rect-npm-1.0.1-ea3f7a385f-433f07e61e.zip b/.yarn/cache/@radix-ui-react-use-rect-npm-1.0.1-ea3f7a385f-433f07e61e.zip
diff --git a/.yarn/cache/@radix-ui-react-use-size-npm-1.0.1-97c8358b35-6cc150ad1e.zip b/.yarn/cache/@radix-ui-react-use-size-npm-1.0.1-97c8358b35-6cc150ad1e.zip
diff --git a/.yarn/cache/@radix-ui-react-visually-hidden-npm-1.0.3-16767f48b2-2e9d0c8253.zip b/.yarn/cache/@radix-ui-react-visually-hidden-npm-1.0.3-16767f48b2-2e9d0c8253.zip
diff --git a/.yarn/cache/@radix-ui-rect-npm-1.0.1-035cf20ddc-aeec13b234.zip b/.yarn/cache/@radix-ui-rect-npm-1.0.1-035cf20ddc-aeec13b234.zip
diff --git a/.yarn/cache/@rushstack-eslint-patch-npm-1.3.2-0939a1615d-010c87ef2d.zip b/.yarn/cache/@rushstack-eslint-patch-npm-1.3.2-0939a1615d-010c87ef2d.zip
diff --git a/.yarn/cache/@rushstack-eslint-patch-npm-1.3.3-bfa5047e88-fd8a19ec58.zip b/.yarn/cache/@rushstack-eslint-patch-npm-1.3.3-bfa5047e88-fd8a19ec58.zip
diff --git a/.yarn/cache/@types-node-npm-20.4.9-c55842c502-504e3da962.zip b/.yarn/cache/@types-node-npm-20.4.9-c55842c502-504e3da962.zip
diff --git a/.yarn/cache/@types-react-npm-18.2.20-c3e301ef67-30f699c60e.zip b/.yarn/cache/@types-react-npm-18.2.20-c3e301ef67-30f699c60e.zip
diff --git a/.yarn/cache/aria-hidden-npm-1.2.3-02d72be80c-7d7d211629.zip b/.yarn/cache/aria-hidden-npm-1.2.3-02d72be80c-7d7d211629.zip
diff --git a/.yarn/cache/detect-node-es-npm-1.1.0-2ad57e0b50-e46307d726.zip b/.yarn/cache/detect-node-es-npm-1.1.0-2ad57e0b50-e46307d726.zip
diff --git a/...ium-npm-1.4.487-fe314b889b-244651fa68.zip → ...ium-npm-1.4.490-becab37e4e-c81bf177ff.zip b/...ium-npm-1.4.487-fe314b889b-244651fa68.zip → ...ium-npm-1.4.490-becab37e4e-c81bf177ff.zip
diff --git a/.yarn/cache/eslint-config-prettier-npm-9.0.0-8f5ce20d27-362e991b6c.zip b/.yarn/cache/eslint-config-prettier-npm-9.0.0-8f5ce20d27-362e991b6c.zip
diff --git a/.yarn/cache/eslint-import-resolver-typescript-npm-3.5.5-ea69fbfbc9-27e6276fdf.zip b/.yarn/cache/eslint-import-resolver-typescript-npm-3.5.5-ea69fbfbc9-27e6276fdf.zip
diff --git a/.yarn/cache/eslint-import-resolver-typescript-npm-3.6.0-c8d9f3b246-57b1b38591.zip b/.yarn/cache/eslint-import-resolver-typescript-npm-3.6.0-c8d9f3b246-57b1b38591.zip
diff --git a/.yarn/cache/eslint-plugin-prettier-npm-5.0.0-2f21113cba-84e88744b9.zip b/.yarn/cache/eslint-plugin-prettier-npm-5.0.0-2f21113cba-84e88744b9.zip
diff --git a/.yarn/cache/fast-diff-npm-1.3.0-9f19e3b743-d22d371b99.zip b/.yarn/cache/fast-diff-npm-1.3.0-9f19e3b743-d22d371b99.zip
diff --git a/.yarn/cache/get-nonce-npm-1.0.1-6272950b34-e2614e43b4.zip b/.yarn/cache/get-nonce-npm-1.0.1-6272950b34-e2614e43b4.zip
diff --git a/.yarn/cache/get-tsconfig-npm-4.6.2-89eaf98a6d-e791e671a9.zip b/.yarn/cache/get-tsconfig-npm-4.6.2-89eaf98a6d-e791e671a9.zip
diff --git a/.yarn/cache/get-tsconfig-npm-4.7.0-098cf423a8-4453692572.zip b/.yarn/cache/get-tsconfig-npm-4.7.0-098cf423a8-4453692572.zip
diff --git a/.yarn/cache/globals-npm-13.20.0-4565a722e7-ad1ecf914b.zip b/.yarn/cache/globals-npm-13.20.0-4565a722e7-ad1ecf914b.zip
diff --git a/.yarn/cache/globals-npm-13.21.0-c0829ce1cb-86c92ca8a0.zip b/.yarn/cache/globals-npm-13.21.0-c0829ce1cb-86c92ca8a0.zip
diff --git a/.yarn/cache/globby-npm-13.2.2-47efcd4a86-f3d84ced58.zip b/.yarn/cache/globby-npm-13.2.2-47efcd4a86-f3d84ced58.zip
diff --git a/.yarn/cache/invariant-npm-2.2.4-717fbdb119-cc3182d793.zip b/.yarn/cache/invariant-npm-2.2.4-717fbdb119-cc3182d793.zip
diff --git a/...speak-npm-2.2.2-374ca454fe-7b1468dd91.zip → ...speak-npm-2.2.3-bcc5afec11-8add557045.zip b/...speak-npm-2.2.2-374ca454fe-7b1468dd91.zip → ...speak-npm-2.2.3-bcc5afec11-8add557045.zip
diff --git a/.yarn/cache/lru-cache-npm-10.0.0-256d74bb20-18f101675f.zip b/.yarn/cache/lru-cache-npm-10.0.0-256d74bb20-18f101675f.zip
diff --git a/.yarn/cache/lru-cache-npm-10.0.1-0e1abf4c13-06f8d0e1ce.zip b/.yarn/cache/lru-cache-npm-10.0.1-0e1abf4c13-06f8d0e1ce.zip
diff --git a/.yarn/cache/lucide-react-npm-0.265.0-7430e1725b-c5c7838f4c.zip b/.yarn/cache/lucide-react-npm-0.265.0-7430e1725b-c5c7838f4c.zip
diff --git a/.yarn/cache/prettier-linter-helpers-npm-1.0.0-6925131a7e-00ce8011cf.zip b/.yarn/cache/prettier-linter-helpers-npm-1.0.0-6925131a7e-00ce8011cf.zip
diff --git a/.yarn/cache/prettier-npm-3.0.1-d00deab00c-e1f3f16c7f.zip b/.yarn/cache/prettier-npm-3.0.1-d00deab00c-e1f3f16c7f.zip
diff --git a/.yarn/cache/react-remove-scroll-bar-npm-2.3.4-7d25bbed45-b5ce5f2f98.zip b/.yarn/cache/react-remove-scroll-bar-npm-2.3.4-7d25bbed45-b5ce5f2f98.zip
diff --git a/.yarn/cache/react-remove-scroll-npm-2.5.5-87479a3637-2c7fe9cbd7.zip b/.yarn/cache/react-remove-scroll-npm-2.5.5-87479a3637-2c7fe9cbd7.zip
diff --git a/.yarn/cache/react-style-singleton-npm-2.2.1-e45b97b153-7ee8ef3aab.zip b/.yarn/cache/react-style-singleton-npm-2.2.1-e45b97b153-7ee8ef3aab.zip
diff --git a/.yarn/cache/slash-npm-4.0.0-ce4bbc4a80-da8e4af737.zip b/.yarn/cache/slash-npm-4.0.0-ce4bbc4a80-da8e4af737.zip
diff --git a/.yarn/cache/use-callback-ref-npm-1.3.0-6c0773783f-7913df383a.zip b/.yarn/cache/use-callback-ref-npm-1.3.0-6c0773783f-7913df383a.zip
diff --git a/.yarn/cache/use-sidecar-npm-1.1.2-dfc322e94a-925d1922f9.zip b/.yarn/cache/use-sidecar-npm-1.1.2-dfc322e94a-925d1922f9.zip
diff --git a/.yarn/sdks/prettier/index.js b/.yarn/sdks/prettier/index.js
diff --git a/.yarn/sdks/prettier/package.json b/.yarn/sdks/prettier/package.json
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -1,3 +1,3 @@
-nodeLinker: pnp
+yarnPath: .yarn/releases/yarn-3.6.1.cjs
 
-yarnPath: .yarn/releases/yarn-3.6.1.cjs
+nodeLinker: pnp
diff --git a/app/(root)/(route)/page.tsx b/app/(root)/(route)/page.tsx
@@ -0,0 +1,12 @@
+import Navbar from "@/components/navbar"
+
+
+const RootPage = () => {
+  return (
+    <div className="flex">
+      page
+    </div>
+  )
+}
+
+export default RootPage
diff --git a/app/(root)/(route)/layout.tsx → app/(root)/layout.tsx b/app/(root)/(route)/layout.tsx → app/(root)/layout.tsx
@@ -1,8 +1,15 @@
 import { PropsWithChildren } from 'react'
+import Navbar from "@/components/navbar"
+import TextForm from "@/components/text-form"
+
 
 const RootLayout = ({ children }: PropsWithChildren) => {
+
+  const text = "123123"
   return (
-    <div className="h-full">
+    <div className="h-full flex flex-col">
+      <Navbar />      
+      <TextForm />
       <main className="h-full">{children}</main>
     </div>
   )

diff --git a/app/globals.css b/app/globals.css
@@ -2,6 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body,
+:root {
+  height: 100%;
+}
+
 @layer base {
   :root {
     --background: 0 0% 100%;

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,6 +2,7 @@ import './globals.css'
 import type { Metadata } from 'next'
 import { ClerkProvider } from '@clerk/nextjs'
 import ThemeProvider from '@/components/theme-provider'
+import { Toaster } from '@/components/ui/toaster'
 
 export const metadata: Metadata = {
   title: 'Create Next App',
@@ -17,8 +18,9 @@ export default function RootLayout({
     <ClerkProvider>
       <html lang="ko" suppressHydrationWarning>
         <body>
-          <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
             {children}
+            <Toaster />
           </ThemeProvider>
         </body>
       </html>

diff --git a/app/page.tsx b/app/page.tsx
diff --git a/components/mode-toggle.tsx b/components/mode-toggle.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import * as React from "react";
+import * as LucideIcons from "lucide-react";
+import { useTheme } from "next-themes";
+
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+export function ModeToggle() {
+  const { setTheme } = useTheme();
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="secondary" size="icon">
+          <LucideIcons.Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <LucideIcons.Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <span className="sr-only">Toggle theme</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        <DropdownMenuItem onClick={() => setTheme("light")}>
+          Light
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("dark")}>
+          Dark
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/components/navbar.tsx b/components/navbar.tsx
@@ -0,0 +1,46 @@
+'use client'
+
+import * as React from 'react'
+import * as LucideIcons from 'lucide-react'
+import Link from 'next/link'
+import { Poppins } from 'next/font/google'
+import { UserButton, useUser } from '@clerk/nextjs'
+
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { ModeToggle } from '@/components/mode-toggle'
+// import { ModeToggle } from "@/components/ui/mode-toggle";
+// import MobileSidebar from "@/components/mobile-sidebar";
+
+const font = Poppins({
+  weight: '600',
+  subsets: ['latin'],
+})
+
+export const Navbar = () => {
+  const { isLoaded, isSignedIn } = useUser()
+  return (
+    <div className="fixed w-full z-50 flex justify-between items-center py-2 px-4 border-b border-primary/10 bg-secondary h-16">
+      <div className="flex items-center">
+        <LucideIcons.Menu className="block md:hidden" />
+        {/* <MobileSidebar /> */}
+        <Link href={'/'}>
+          <h1
+            className={cn(
+              'hidden md:block text-xl md:text-3xl font-bold text-primary',
+              font.className
+            )}
+          >
+            FourFourGo
+          </h1>
+        </Link>
+      </div>
+      <div className="flex items-center gap-x-3">
+        <ModeToggle />
+        {isLoaded ? <UserButton afterSignOutUrl="/" /> : <>Loading...</>}
+      </div>
+    </div>
+  )
+}
+
+export default Navbar