Merge pull request #3 from function-and-mountain/chore/add-1week_practice

chore: Add 1week practices in 테오 & 파랑 studies

Author: minsoo-web

.eslintrc.json

@@ -6,7 +6,6 @@
     "airbnb",
     "plugin:import/errors",
     "plugin:import/warnings",
-    "plugin:prettier/recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:@next/next/recommended"
   ],
@@ -21,23 +20,28 @@
   "rules": {
     "quote-props": "warn",
     "@typescript-eslint/consistent-type-imports": "error",
-    "@typescript-eslint/no-empty-function": 0,
-    "react/button-has-type": 0,
-    "jsx-a11y/media-has-caption": 0,
-    "import/prefer-default-export": 0, // 0 -> 0ff / 1 -> on (default)
-    "prettier/prettier": 0,
-    "no-alert": 0,
-    "import/extensions": 0,
-    "consistent-return": 1,
-    "no-use-before-define": 0,
-    "import/no-unresolved": 0,
-    "import/no-extraneous-dependencies": 0, // 테스트 또는 개발환경을 구성하는 파일에서는 devDependency 사용을 허용
-    "no-shadow": 0,
-    "react/prop-types": 0,
+    "@typescript-eslint/no-empty-function": "off",
+    "react/button-has-type": "off",
+    "jsx-a11y/media-has-caption": "off",
+    "import/prefer-default-export": "off", // 0 -> 0ff / 1 -> warn (default)
+    "no-alert": "off",
+    "object-curly-newline": "off",
+    "import/extensions": "off",
+    "react/jsx-one-expression-per-line": "off",
+    "consistent-return": "warn",
+    "no-use-before-define": "off",
+    "import/no-unresolved": "off",
+    "import/no-extraneous-dependencies": "off", // 테스트 또는 개발환경을 구성하는 파일에서는 devDependency 사용을 허용
+    "no-shadow": "off",
+    "react/prop-types": "off",
     "react/require-default-props": "off",
-    "react/react-in-jsx-scope": 0,
-    "react/jsx-props-no-spreading": 0,
-    "react/jsx-filename-extension": [2, { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-props-no-spreading": "off",
+    "semi": "off",
+    "react/jsx-filename-extension": [
+      2,
+      { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
+    ],
     // redux-toolkit docs https://redux-toolkit.js.org/usage/immer-reducers#linting-state-mutations
     "no-param-reassign": [
       "error",
@@ -53,9 +57,9 @@
         "argsIgnorePattern": "^_"
       }
     ],
-    "react/function-component-definition": 0,
-    "react/destructuring-assignment": 0,
-    "@typescript-eslint/prefer-namespace-keyword": 0,
+    "react/function-component-definition": "off",
+    "react/destructuring-assignment": "off",
+    "@typescript-eslint/prefer-namespace-keyword": "off",
     "jsx-a11y/anchor-is-valid": [
       // nextjs 에서 a tag 에 href 를 기대하는 이슈로 인해
       "error",
@@ -65,7 +69,7 @@
         "aspects": ["invalidHref", "preferButton"]
       }
     ],
-    "no-underscore-dangle": 0,
+    "no-underscore-dangle": "off",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "error",
     "react/no-unknown-property": ["error", { "ignore": ["css"] }]

.pnp.cjs

@@ -1,6 +1,8 @@
 {
   "arrowParens": "always",
-  "printWidth": 100,
+  "printWidth": 80,
   "quoteProps": "preserve",
-  "trailingComma": "all"
+  "trailingComma": "all",
+  "semi": false,
+  "singleQuote": true
 }

.prettierrc

@@ -5,5 +5,7 @@
   },
   "eslint.nodePath": ".yarn/sdks",
   "typescript.tsdk": ".yarn/sdks/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "jestrunner.enableYarnPnpSupport": true,
+  "jestrunner.yarnPnpCommand": "yarn-3.6.1.cjs"
 }

.vscode/settings.json

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require prettier
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real prettier your application uses
+module.exports = absRequire(`prettier`);

.yarn/cache/@babel-compat-data-npm-7.22.9-f9e02d51b9-bed77d9044.zip

@@ -0,0 +1,6 @@
+{
+  "name": "prettier",
+  "version": "3.0.0-sdk",
+  "main": "./index.js",
+  "type": "commonjs"
+}

.yarn/cache/@babel-core-npm-7.22.9-509b29c82e-7bf069aece.zip

@@ -1,48 +1,49 @@
-import { Box, Flex, Image, Text } from "@chakra-ui/react";
-import { AvatarProps } from "./Avatar.types";
+import { Box, Flex, Image, Text } from '@chakra-ui/react'
+import type { AvatarProps } from './Avatar.types'
 
-export const Avatar = ({ ghId, username, name }: AvatarProps) => {
-  return (
-    <Flex
-      flexDir="column"
-      alignItems="center"
-      display="inline-flex"
-      gap="10px"
-      _hover={{
-        ".go-to-wrapper": {
-          visibility: "visible",
-          fontSize: "20px",
-        },
-      }}
-    >
-      <Box position="relative" overflow="hidden" borderRadius="50%">
-        <Image src={`https://avatars.githubusercontent.com/u/${ghId}?v=4`} w="173px" />
-        <Text
-          className="go-to-wrapper"
-          position="absolute"
-          top="0"
-          right="0"
-          bottom="0"
-          left="0"
-          as="a"
-          href={`https://github.com/${username}`}
-          target="_blank"
-          visibility="hidden"
-          backgroundColor="black"
-          display="flex"
-          alignItems="center"
-          justifyContent="center"
-          fontSize="16px"
-          color="#009972"
-          transition="font-size 0.3s ease-out"
-        >
-          Go to Github
-        </Text>
-      </Box>
-
-      <Text>
-        {name} / {username}
+export const Avatar = ({ ghId, username, name }: AvatarProps) => (
+  <Flex
+    flexDir="column"
+    alignItems="center"
+    display="inline-flex"
+    gap="10px"
+    _hover={{
+      '.go-to-wrapper': {
+        visibility: 'visible',
+        fontSize: '20px',
+      },
+    }}
+  >
+    <Box position="relative" overflow="hidden" borderRadius="50%">
+      <Image
+        src={`https://avatars.githubusercontent.com/u/${ghId}?v=4`}
+        w="173px"
+      />
+      <Text
+        className="go-to-wrapper"
+        position="absolute"
+        top="0"
+        right="0"
+        bottom="0"
+        left="0"
+        as="a"
+        href={`https://github.com/${username}`}
+        target="_blank"
+        visibility="hidden"
+        backgroundColor="black"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+        fontSize="16px"
+        color="#009972"
+        transition="font-size 0.3s ease-out"
+      >
+        Go to Github
       </Text>
-    </Flex>
-  );
-};
+    </Box>
+
+    <Text>
+      {name} / {username}
+    </Text>
+  </Flex>
+)

.yarn/cache/@babel-generator-npm-7.22.9-d9fccf9328-7c9d2c58b8.zip

@@ -1 +1 @@
-export { Avatar } from "./Avatar";
+export { Avatar } from './Avatar'

.yarn/cache/@babel-helper-compilation-targets-npm-7.22.9-b4473889ca-ea0006c6a9.zip

@@ -1,18 +1,16 @@
-export const File = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      strokeWidth={1.5}
-      stroke="currentColor"
-      className="h-6 w-6"
-    >
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75"
-      />
-    </svg>
-  );
-};
+export const File = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    stroke="currentColor"
+    className="h-6 w-6"
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75"
+    />
+  </svg>
+)

.yarn/cache/@babel-helper-module-transforms-npm-7.22.9-dfa9ef05d1-2751f77660.zip

@@ -1 +1 @@
-export { File } from "./File";
+export { File } from './File'

.yarn/cache/@babel-helper-plugin-utils-npm-7.22.5-192e38e1de-c0fc722707.zip

@@ -1,2 +1,2 @@
-export { Avatar } from "./Avatar";
-export * from "./icons";
+export { Avatar } from './Avatar'
+export * from './icons'

.yarn/cache/@babel-plugin-syntax-async-generators-npm-7.8.4-d10cf993c9-7ed1c1d9b9.zip

@@ -24,9 +24,9 @@
   },
   "devDependencies": {
     "@nutshell/ts-config": "workspace:^",
-    "eslint": "8.43.0",
+    "eslint": "*",
     "next-compose-plugins": "^2.2.1",
     "supports-color": "^9.4.0",
-    "typescript": "5.1.3"
+    "typescript": "*"
   }
 }

.yarn/cache/@babel-plugin-syntax-bigint-npm-7.8.3-b05d971e6c-3a10849d83.zip

@@ -1,6 +1,6 @@
-import type { AppProps } from "next/app";
-import "./reset.css";
+import type { AppProps } from 'next/app'
+import './reset.css'
 
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+  return <Component {...pageProps} />
 }

.yarn/cache/@babel-plugin-syntax-class-properties-npm-7.12.13-002ee9d930-24f34b196d.zip

@@ -1,17 +1,15 @@
-import { Head, Html, Main, NextScript } from "next/document";
+import { Head, Html, Main, NextScript } from 'next/document'
 
-const Document = () => {
-  return (
-    <Html>
-      <Head>
-        <link rel="shortcut icon" href="/favicon.ico" />
-      </Head>
+const Document = () => (
+  <Html>
+    <Head>
+      <link rel="shortcut icon" href="/favicon.ico" />
+    </Head>
 
-      <body>
-        <Main />
-        <NextScript />
-      </body>
-    </Html>
-  );
-};
-export default Document;
+    <body>
+      <Main />
+      <NextScript />
+    </body>
+  </Html>
+)
+export default Document

.yarn/cache/@babel-plugin-syntax-import-meta-npm-7.10.4-4a0a0158bc-166ac1125d.zip

@@ -2,32 +2,31 @@
 export default {
   logo: <span>쏙쏙쑥쑥</span>,
   project: {
-    link: "https://github.com/function-and-mountain/functional-coding-nutshell",
+    link: 'https://github.com/function-and-mountain/functional-coding-nutshell',
   },
   docsRepositoryBase:
-    "https://github.com/function-and-mountain/functional-coding-nutshell/tree/main/apps/docs",
+    'https://github.com/function-and-mountain/functional-coding-nutshell/tree/main/apps/docs',
   sidebar: {
     toggleButton: true,
   },
   useNextSeoProps() {
     return {
-      titleTemplate: "%s – 쏙쏙쑥쑥",
+      titleTemplate: '%s – 쏙쏙쑥쑥',
     };
   },
   footer: {
-    text: () => {
-      return (
-        <div style={{ display: "flex", flexDirection: "column" }}>
-          <span>© 함수랑 산악회</span>
-          <a
-            style={{ color: "#009972", textDecoration: "underline" }}
-            href="https://open.kakao.com/o/sTjHAUsf"
-            target="_blank"
-          >
-            <span>Contact Us</span>
-          </a>
-        </div>
-      );
-    },
+    text: () => (
+      <div style={{ display: 'flex', flexDirection: 'column' }}>
+        <span>© 함수랑 산악회</span>
+        <a
+          style={{ color: '#009972', textDecoration: 'underline' }}
+          href="https://open.kakao.com/o/sTjHAUsf"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <span>Contact Us</span>
+        </a>
+      </div>
+    ),
   },
 };

.yarn/cache/@babel-plugin-syntax-json-strings-npm-7.8.3-6dc7848179-bf5aea1f31.zip

@@ -0,0 +1,11 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  rootDir: "./",
+  preset: "ts-jest",
+  transform: {
+    "^.+\\.(ts|tsx)?$": "ts-jest",
+  },
+  moduleFileExtensions: ["js", "ts"],
+  testEnvironment: "node",
+  projects: ["<rootDir>/packages/*/jest.config.js"],
+};