📦 Chore: 프로젝트 초기 세팅

eslint - type import 구분을 위한 consistent-type-imoprts 설치 및 적용 package.json - next lint --fix 구문 추가 사용하지 않는 파일 삭제 - global.css - Home.moudle.css 프로젝트에 필요한 폴더 구조 생성 및 sample 파일 추가 _app.tsx에 react-query 초기 설정 eslint rule no-unused-vars 제거에서 적용으로 변경 후 sample.ts 수정 git hook 운영체제 간 이슈로 인해 husky 수정 참조: (typicode/husky#1177)
Chagok-Integrated-for-DevProject · Jul 28, 2023 · 7214666 · 7214666
1 parent ceabd96
commit 7214666
Show file tree

Hide file tree

Showing 28 changed files with 294 additions and 456 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -33,9 +33,9 @@
       "error",
       { "allowSameFolder": true }
     ],
-    "@typescript-eslint/no-unused-vars": "off",
     "unused-imports/no-unused-imports": "error",
     "simple-import-sort/imports": "error",
-    "simple-import-sort/exports": "error"
+    "simple-import-sort/exports": "error",
+    "@typescript-eslint/consistent-type-imports": "error"
   }
 }
diff --git a/.husky/pre-commit b/.husky/pre-commit
diff --git a/package.json b/package.json
@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint --cache",
+    "lint": "next lint",
+    "lint:fix": "next lint --fix --dir \"./src\"",
     "format": "prettier --cache --write \"./src/**/*.{ts,tsx,js,jsx}\"",
     "prepare": "husky install",
     "test": "jest --coverage",
@@ -46,7 +47,7 @@
     "eslint-plugin-unused-imports": "^3.0.0",
     "jest": "^29.6.1",
     "jest-environment-jsdom": "^29.6.1",
-     "husky": "^8.0.3",
+    "husky": "^8.0.3",
     "lint-staged": "^13.2.3",
     "typescript": "^4.9.5"
   },

diff --git a/src/components/common/layout/body/index.tsx b/src/components/common/layout/body/index.tsx
@@ -0,0 +1,7 @@
+import { type FC, type PropsWithChildren } from "react";
+
+const Body: FC<PropsWithChildren> = ({ children }) => {
+  return <div>{children}</div>;
+};
+
+export default Body;
diff --git a/src/components/common/layout/footer/index.tsx b/src/components/common/layout/footer/index.tsx
@@ -0,0 +1,5 @@
+const Footer = () => {
+  return <footer>footer</footer>;
+};
+
+export default Footer;
diff --git a/src/components/common/layout/header/index.tsx b/src/components/common/layout/header/index.tsx
@@ -0,0 +1,5 @@
+const Header = () => {
+  return <header>header</header>;
+};
+
+export default Header;
diff --git a/src/components/common/layout/index.tsx b/src/components/common/layout/index.tsx
@@ -0,0 +1,17 @@
+import type { FC, PropsWithChildren } from "react";
+
+import Body from "./body";
+import Footer from "./footer";
+import Header from "./header";
+
+const Layout: FC<PropsWithChildren> = ({ children }) => {
+  return (
+    <>
+      <Header />
+      <Body>{children}</Body>
+      <Footer />
+    </>
+  );
+};
+
+export default Layout;
diff --git a/src/components/contest/index.tsx b/src/components/contest/index.tsx
@@ -0,0 +1,5 @@
+const ContestList = () => {
+  return <div>해커톤/공모전 목록 페이지</div>;
+};
+
+export default ContestList;
diff --git a/src/components/project/index.tsx b/src/components/project/index.tsx
@@ -0,0 +1,5 @@
+const ProjectList = () => {
+  return <div>프로젝트 목록 페이지</div>;
+};
+
+export default ProjectList;
diff --git a/src/components/userInfo/index.tsx b/src/components/userInfo/index.tsx
@@ -0,0 +1,5 @@
+const UserInfo = () => {
+  return <div>프로필 페이지</div>;
+};
+
+export default UserInfo;
diff --git a/src/lib/apis/axiosClient.ts b/src/lib/apis/axiosClient.ts
@@ -0,0 +1,3 @@
+import axios from "axios";
+
+export const AxiosClient = axios.create({ baseURL: "http://sample.com" });
diff --git a/src/lib/apis/sample.ts b/src/lib/apis/sample.ts
@@ -0,0 +1,5 @@
+export const getSample = () => {};
+export const postSample = () => {};
+export const patchSample = () => {};
+export const putSample = () => {};
+export const deleteSample = () => {};
diff --git a/src/lib/constants/sample.ts b/src/lib/constants/sample.ts
@@ -0,0 +1,3 @@
+export const SAMPLE = {
+  sampleURL: "http://localhost:3000/sample",
+};
diff --git a/src/lib/hooks/useSample.ts b/src/lib/hooks/useSample.ts
@@ -0,0 +1,7 @@
+import { useState } from "react";
+
+export const useSample = () => {
+  const [sample, setSample] = useState("sample!");
+
+  return [sample, setSample];
+};
diff --git a/src/lib/types/sample.ts b/src/lib/types/sample.ts
@@ -0,0 +1,5 @@
+export interface ISample {
+  sample: "sample";
+}
+
+export type TSample = "sample";
diff --git a/src/lib/utils/sample.ts b/src/lib/utils/sample.ts
@@ -0,0 +1,3 @@
+export const utilSample = () => {
+  return "sample";
+};
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -0,0 +1,7 @@
+import type { NextPage } from "next";
+
+const Custom404: NextPage = () => {
+  return <h1>404 - Page Not Found</h1>;
+};
+
+export default Custom404;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,7 +1,24 @@
-import "styles/globals.css";
-
+import { Global } from "@emotion/react";
+import {
+  Hydrate,
+  QueryClient,
+  QueryClientProvider,
+} from "@tanstack/react-query";
+import Layout from "components/common/layout";
 import type { AppProps } from "next/app";
+import { useState } from "react";
+import { globalStyles } from "styles/globalStyles";
 
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+  const [queryClient] = useState(() => new QueryClient());
+  return (
+    <QueryClientProvider client={queryClient}>
+      <Hydrate state={pageProps.dehydratedState}>
+        <Global styles={globalStyles} />
+        <Layout>
+          <Component {...pageProps} />
+        </Layout>
+      </Hydrate>
+    </QueryClientProvider>
+  );
 }
diff --git a/src/pages/api/hello.ts → src/pages/api/main.ts b/src/pages/api/hello.ts → src/pages/api/main.ts
diff --git a/src/pages/contests/[id]/index.tsx b/src/pages/contests/[id]/index.tsx
@@ -0,0 +1,5 @@
+const ContestDetail = () => {
+  return <div>해커톤/공모전 상세 페이지</div>;
+};
+
+export default ContestDetail;
diff --git a/src/pages/contests/index.tsx b/src/pages/contests/index.tsx
@@ -0,0 +1,7 @@
+import ContestList from "components/contest";
+
+const ContestPage = () => {
+  return <ContestList />;
+};
+
+export default ContestPage;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,115 +1,7 @@
-/* eslint-disable react/no-unknown-property */
-import { Inter } from "next/font/google";
-import Head from "next/head";
-import Image from "next/image";
-import styles from "styles/Home.module.css";
+import type { NextPage } from "next";
 
-const inter = Inter({ subsets: ["latin"] });
+const Home: NextPage = () => {
+  return <div>메인 페이지</div>;
+};
 
-export default function Home() {
-  return (
-    <>
-      <Head>
-        <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <main className={`${styles.main} ${inter.className}`}>
-        <div className={styles.description} css={{ backgroundColor: "red" }}>
-          <p>
-            Get started by editing&nbsp;
-            <code className={styles.code}>src/pages/index.tsx</code>
-          </p>
-          <div>
-            <a
-              href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              By{" "}
-              <Image
-                src="/vercel.svg"
-                alt="Vercel Logo"
-                className={styles.vercelLogo}
-                width={100}
-                height={24}
-                priority
-              />
-            </a>
-          </div>
-        </div>
-
-        <div className={styles.center}>
-          <Image
-            className={styles.logo}
-            src="/next.svg"
-            alt="Next.js Logo"
-            width={180}
-            height={37}
-            priority
-          />
-        </div>
-
-        <div className={styles.grid}>
-          <a
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Docs <span>-&gt;</span>
-            </h2>
-            <p>
-              Find in-depth information about Next.js features and&nbsp;API.
-            </p>
-          </a>
-
-          <a
-            href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Learn <span>-&gt;</span>
-            </h2>
-            <p>
-              Learn about Next.js in an interactive course with&nbsp;quizzes!
-            </p>
-          </a>
-
-          <a
-            href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Templates <span>-&gt;</span>
-            </h2>
-            <p>
-              Discover and deploy boilerplate example Next.js&nbsp;projects.
-            </p>
-          </a>
-
-          <a
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Deploy <span>-&gt;</span>
-            </h2>
-            <p>
-              Instantly deploy your Next.js site to a shareable URL
-              with&nbsp;Vercel.
-            </p>
-          </a>
-        </div>
-      </main>
-    </>
-  );
-}
+export default Home;
diff --git a/src/pages/projects/[id]/index.tsx b/src/pages/projects/[id]/index.tsx
@@ -0,0 +1,5 @@
+const ProjectDetail = () => {
+  return <div>프로젝트/스터디 상세 페이지</div>;
+};
+
+export default ProjectDetail;
diff --git a/src/pages/projects/index.tsx b/src/pages/projects/index.tsx
@@ -0,0 +1,8 @@
+import ProjectList from "components/project";
+import type { NextPage } from "next";
+
+const ProjectPage: NextPage = () => {
+  return <ProjectList />;
+};
+
+export default ProjectPage;
diff --git a/src/pages/userInfo/index.tsx b/src/pages/userInfo/index.tsx
@@ -0,0 +1,8 @@
+import UserInfo from "components/userInfo";
+import type { NextPage } from "next";
+
+const UserInfoPage: NextPage = () => {
+  return <UserInfo />;
+};
+
+export default UserInfoPage;