diff --git a/.eslintrc.js b/.eslintrc.js index 3a191f4..f1c0a33 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -18,8 +18,14 @@ module.exports = { ecmaVersion: 'latest', sourceType: 'module', }, - plugins: ['react', 'import', '@tanstack/query'], + plugins: ['react', 'import', '@tanstack/query', 'tailwindcss'], rules: { + 'tailwindcss/no-custom-classname': [ + 'warn', + { + whitelist: ['^.*dodal.*$'], + }, + ], curly: ['error', 'all'], eqeqeq: [ 'error', diff --git a/app/(route)/(index)/_components/choose-profile.tsx b/app/(route)/(index)/_components/choose-profile.tsx new file mode 100644 index 0000000..79531b1 --- /dev/null +++ b/app/(route)/(index)/_components/choose-profile.tsx @@ -0,0 +1,35 @@ +import Image from 'next/image' +import Link from 'next/link' + +import { ROUTE } from '@/app/_constants/route' + +export default function ChooseProfile() { + return ( +
+

프로필 생성

+
+
+ 프로필 이미지 +
+ + 0/4 +
+
+
+ 프로필 이미지 + 프로필 이미지 + 프로필 이미지 + 프로필 이미지 + 프로필 이미지 + 프로필 이미지 +
+ + 달 탐사 시작하기 + +
+
+ ) +} diff --git a/app/(route)/(index)/page.tsx b/app/(route)/(index)/page.tsx new file mode 100644 index 0000000..e8fa283 --- /dev/null +++ b/app/(route)/(index)/page.tsx @@ -0,0 +1,44 @@ +'use client' + +import Image from 'next/image' + +import { useState } from 'react' + +import { KAKAO } from '@/app/_constants/kakao' + +import ChooseProfile from './_components/choose-profile' + +type Step = 'login' | 'profile' + +export default function Home() { + const [step, setStep] = useState('login') + + if (step === 'profile') { + return + } + + return ( +
+
+ 도달 로고 + 1:1 매칭 목표 달성 서비스 +
+ +
+ ) +} diff --git a/app/(route)/home/layout.tsx b/app/(route)/home/layout.tsx new file mode 100644 index 0000000..1219289 --- /dev/null +++ b/app/(route)/home/layout.tsx @@ -0,0 +1,10 @@ +import Header from '@/app/_components/shared/header' + +export default function Layout({ children }: { children: React.ReactNode }) { + return ( +
+
+ {children} +
+ ) +} diff --git a/app/(route)/home/page.tsx b/app/(route)/home/page.tsx new file mode 100644 index 0000000..08a0eeb --- /dev/null +++ b/app/(route)/home/page.tsx @@ -0,0 +1,11 @@ +export default function HomePage() { + return ( +
+

오늘의 도달률

+
+ 100 + % +
+
+ ) +} diff --git a/app/(route)/layout.tsx b/app/(route)/layout.tsx index 967ffa0..d204b69 100644 --- a/app/(route)/layout.tsx +++ b/app/(route)/layout.tsx @@ -1,24 +1,29 @@ -import { Inter } from 'next/font/google' +import localFont from 'next/font/local' import type { Metadata } from 'next' import '@/app/_styles/globals.css' import Providers from '@/app/_components/providers/QueryClientProvider' -const inter = Inter({ subsets: ['latin'] }) +import { cn } from '../_styles/utils' + +const myFont = localFont({ + src: '../_assets/fonts/PretendardVariable.woff2', + display: 'swap', +}) export const metadata: Metadata = { title: '도달도달', - description: '도달도달', + description: '1:1 매칭 목표 달성 서비스', } export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - + - + {children} diff --git a/app/(route)/page.tsx b/app/(route)/page.tsx deleted file mode 100644 index d828402..0000000 --- a/app/(route)/page.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { KAKAO } from '../_constants/kakao' - -export default function Home() { - return ( -
- Hello, World! - - 카카오 로그인 - -
- ) -} diff --git a/app/_assets/fonts/PretendardVariable.woff2 b/app/_assets/fonts/PretendardVariable.woff2 new file mode 100644 index 0000000..49c54b5 Binary files /dev/null and b/app/_assets/fonts/PretendardVariable.woff2 differ diff --git a/app/_components/shared/header.tsx b/app/_components/shared/header.tsx new file mode 100644 index 0000000..916f67d --- /dev/null +++ b/app/_components/shared/header.tsx @@ -0,0 +1,21 @@ +export default function Header() { + return ( +
+
+
+ + + + +
+
+ ) +} diff --git a/app/_constants/route.ts b/app/_constants/route.ts index 4fa856e..abef492 100644 --- a/app/_constants/route.ts +++ b/app/_constants/route.ts @@ -1,7 +1,7 @@ export const ROUTE = { - HOME: '/', + INDEX: '/', + HOME: '/home', LOGIN: '/login', - SIGNUP: '/signup', OAUTH: { KAKAO: { CALLBACK: '/oauth/callback/kakao', diff --git a/app/_styles/globals.css b/app/_styles/globals.css index b5c61c9..b5f04b0 100644 --- a/app/_styles/globals.css +++ b/app/_styles/globals.css @@ -1,3 +1,7 @@ @tailwind base; @tailwind components; @tailwind utilities; + +html { + background-color: #140a29; +} diff --git a/public/images/CH1.png b/public/images/CH1.png new file mode 100644 index 0000000..9a7e6a2 Binary files /dev/null and b/public/images/CH1.png differ diff --git a/public/images/CH2.png b/public/images/CH2.png new file mode 100644 index 0000000..5ac8fe6 Binary files /dev/null and b/public/images/CH2.png differ diff --git a/public/images/CH3.png b/public/images/CH3.png new file mode 100644 index 0000000..d437b6f Binary files /dev/null and b/public/images/CH3.png differ diff --git a/public/images/CH4.png b/public/images/CH4.png new file mode 100644 index 0000000..0f6dd95 Binary files /dev/null and b/public/images/CH4.png differ diff --git a/public/images/CH5.png b/public/images/CH5.png new file mode 100644 index 0000000..576cadf Binary files /dev/null and b/public/images/CH5.png differ diff --git a/public/images/CH6.png b/public/images/CH6.png new file mode 100644 index 0000000..6c18ea3 Binary files /dev/null and b/public/images/CH6.png differ diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 0000000..9b3169c Binary files /dev/null and b/public/images/logo.png differ diff --git a/tailwind.config.ts b/tailwind.config.ts index d93a309..01342a5 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -11,6 +11,10 @@ const config: Config = { 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', }, + backgroundColor: { + 'dodal-main': '#140A29', + 'dodal-kakao': '#FEE500', + }, }, }, plugins: [require('@tailwindcss/forms')],