시작

.eslintignore

@@ -0,0 +1,5 @@
+.vscode
+dist
+esm
+.eslintrc.js
+prettier.config.mjs

.eslintrc.cjs

@@ -0,0 +1,4 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  root: true,
+}

.github/actions/pnpm-setup-node/action.yml

@@ -0,0 +1,13 @@
+name: setup pnpm & node
+description: setup pnpm & node
+runs:
+  using: composite
+  steps:
+    - uses: pnpm/action-setup@v2
+      with:
+        version: 8.15.2
+    - uses: actions/setup-node@v4
+      with:
+        cache: "pnpm"
+        cache-dependency-path: "pnpm-lock.yaml"
+        node-version-file: ".nvmrc"

.github/workflows/ci.yml

@@ -0,0 +1,23 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    types: [opened, synchronize, reopened]
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  quality:
+    name: Check quality
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        command: ['ci:eslint', 'ci:sherif', 'ci:type', 'build']
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/pnpm-setup-node
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm ${{ matrix.command }}

.gitignore

@@ -0,0 +1,26 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# next.js
+.next/
+out/
+build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+.pnpm-debug.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# turbo
+.turbo

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+pnpm lint-staged

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{ts,tsx}": ["prettier --write --ignore-unknown"]
+}

.npmrc

@@ -0,0 +1 @@
+prefer-workspace-packages=true

.nvmrc

@@ -0,0 +1 @@
+18.19.1

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+}

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+  "eslint.workingDirectories": [{ "mode": "auto" }]
+}

README.md

@@ -1,2 +1 @@
-# people
-함수랑피플을 소개합니다.
+# 함수랑피플

apps/people/.eslintrc.cjs

@@ -0,0 +1,9 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ['@hamsurang/eslint-config/react-ts', 'plugin:@next/next/recommended'],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: 'tsconfig.json',
+  },
+}

apps/people/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

apps/people/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig

apps/people/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@hamsurang/people",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "next build",
+    "ci:eslint": "next lint",
+    "ci:type": "tsc --noEmit",
+    "dev": "next dev -p 4001",
+    "start": "next start -p 4001"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@floating-ui/react": "^0.26.9",
+    "@jsxcss/emotion": "^1.3.9",
+    "clsx": "^2.1.0",
+    "framer-motion": "^11.0.14",
+    "next": "^14.1.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@hamsurang/eslint-config": "workspace:*",
+    "@hamsurang/tsconfig": "workspace:*",
+    "@next/eslint-plugin-next": "^14.1.3",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.21"
+  }
+}

apps/people/src/app/layout.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from 'next'
+import Providers from './providers'
+
+export const metadata: Metadata = {
+  title: 'hamsurang - people',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  )
+}

apps/people/src/app/page.tsx

@@ -0,0 +1,14 @@
+import { Stack } from '@jsxcss/emotion'
+
+export default function Home() {
+  return (
+    <div>
+      <Stack spacing={10}>
+        <div>hi</div>
+        <div>hi</div>
+        <div>hi</div>
+        <div>hi</div>
+      </Stack>
+    </div>
+  )
+}

apps/people/src/app/providers.tsx

@@ -0,0 +1,15 @@
+'use client'
+
+import { Global, ThemeProvider } from '@emotion/react'
+import { MediaQueryProvider } from '@jsxcss/emotion'
+import { type ReactNode } from 'react'
+import { resetCss, theme } from '~/styles'
+
+export default function Providers({ children }: { children: ReactNode }) {
+  return (
+    <ThemeProvider theme={theme}>
+      <Global styles={resetCss} />
+      <MediaQueryProvider>{children}</MediaQueryProvider>
+    </ThemeProvider>
+  )
+}

apps/people/src/styles/index.ts

@@ -0,0 +1,2 @@
+export { resetCss } from './reset'
+export { theme } from './theme'

apps/people/src/styles/reset.ts

@@ -0,0 +1,132 @@
+import { css } from '@emotion/react'
+
+/** http://meyerweb.com/eric/tools/css/reset/
+ * v2.0 | 20110126
+ * License: none (public domain)
+ */
+export const resetCss = css`
+  html,
+  body,
+  div,
+  span,
+  applet,
+  object,
+  iframe,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  blockquote,
+  pre,
+  a,
+  abbr,
+  acronym,
+  address,
+  big,
+  cite,
+  code,
+  del,
+  dfn,
+  em,
+  img,
+  ins,
+  kbd,
+  q,
+  s,
+  samp,
+  small,
+  strike,
+  strong,
+  sub,
+  sup,
+  tt,
+  var,
+  b,
+  u,
+  i,
+  center,
+  dl,
+  dt,
+  dd,
+  ol,
+  ul,
+  li,
+  fieldset,
+  form,
+  label,
+  legend,
+  table,
+  caption,
+  tbody,
+  tfoot,
+  thead,
+  tr,
+  th,
+  td,
+  article,
+  aside,
+  canvas,
+  details,
+  embed,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  output,
+  ruby,
+  section,
+  summary,
+  time,
+  mark,
+  audio,
+  video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+  /* HTML5 display-role reset for older browsers */
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  section {
+    display: block;
+  }
+  body {
+    line-height: 1;
+  }
+  ol,
+  ul {
+    list-style: none;
+  }
+  blockquote,
+  q {
+    quotes: none;
+  }
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: '';
+    content: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+`

apps/people/src/styles/theme.ts

@@ -0,0 +1 @@
+export const theme = {} as const