첫 커밋

src/routes/__root.tsx

@@ -0,0 +1,24 @@
+import { createRootRoute, Outlet } from '@tanstack/react-router'
+// import { TanStackRouterDevtools } from '@tanstack/router-devtools'
+import { TanStackRouterDevtoolsInProd } from '@tanstack/react-router-devtools'
+import { Header, Footer, TabBar } from '@/components'
+
+export const Route = createRootRoute({
+  component: () => (
+    <div className="min-h-screen flex flex-col">
+      <Header />
+      <main 
+        className="flex-grow"
+        style={{
+          paddingTop: `calc(5rem + env(safe-area-inset-top, 0px))`,
+          paddingBottom: `calc(4rem + env(safe-area-inset-bottom, 0px))`
+        }}
+      >
+        <Outlet />
+      </main>
+      <Footer />
+      <TabBar />
+      <TanStackRouterDevtoolsInProd initialIsOpen={false}/>
+    </div>
+  ),
+})

src/routes/about.tsx

@@ -0,0 +1,3 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+

src/routes/account.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/account')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/account"!</div>
+}

src/routes/contact.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { Contact } from '@/pages'
+
+export const Route = createFileRoute('/contact')({
+  component: Contact,
+})

src/routes/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { Home } from '@/pages'
+
+export const Route = createFileRoute('/')({
+  component: Home,
+})

src/routes/merchant.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/merchant')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/merchant"!</div>
+}

src/routes/notice.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/notice')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/notice"!</div>
+}

src/routes/test.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { Test } from '@/pages'
+
+export const Route = createFileRoute('/test')({
+  component: Test,
+})

src/routes/transaction.billing.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/transaction/billing')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/transaction/billing"!</div>
+}

src/routes/transaction.escrow.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/transaction/escrow')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/transaction/escrow"!</div>
+}

src/routes/transaction.receipt.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/transaction/receipt')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/transaction/receipt"!</div>
+}

src/routes/transaction.tsx

@@ -0,0 +1,14 @@
+import { createFileRoute, Outlet } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/transaction')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return (
+    <div>
+      <h1>Transaction</h1>
+      <Outlet />
+    </div>
+  )
+}