Feat: 추가 세팅 (#1)

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,11 @@
+## 변경 사항
+
+- 변경사항을 디테일 하게 설명 하거나 히스토리를 상세하게 남겨 주세요.
+
+## Notes
+
+- 이후 작업자에게 필요한 필수 전달사항이나 참고 문서가 있는 경우 작성합니다. 없다면 삭제해 주세요.
+
+## 리뷰 요구사항
+
+- 특별히 봐주었으면 하는 부분이 있을 때 작성합니다. 없다면 삭제해 주세요.

.github/workflows/add-pr-comment.yml

@@ -0,0 +1,25 @@
+name: PR merge Reminder
+on:
+  pull_request:
+    branches: [main, master, "dev"] # dev 브랜치 추가
+    types: [opened, reopened]
+
+jobs:
+  pr-on:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Open main(master) branch
+        if: ${{ github.base_ref == 'main' }}
+        uses: peter-evans/create-or-update-comment@v3
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          body: |
+            master(main) 브랜치에는 `Merge commit`을 해야합니다!
+
+      - name: Open dev branch
+        if: ${{ github.base_ref == 'dev' }}
+        uses: peter-evans/create-or-update-comment@v3
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          body: |
+            dev 브랜치에는 `Squash and Merge` 해야합니다!

.vscode/snippets.code-snippets

@@ -0,0 +1,89 @@
+{
+  "주석": {
+    "prefix": "wntjr",
+    "body": ["/**", " * ${1:description}", " */"],
+    "description": "description",
+  },
+  "짧은 주석": {
+    "prefix": "wkfqwntjr",
+    "body": ["/** ${1:description} */"],
+    "description": "description",
+  },
+  "긴 주석": {
+    "prefix": "rlswntjr",
+    "body": [
+      "/** ------------------------------------------------------------------------------",
+      " * ",
+      " * ${1:description}",
+      " * ",
+      " ------------------------------------------------------------------------------ */",
+    ],
+    "description": "description",
+  },
+  "rafce kebab case component template": {
+    "prefix": "rrr",
+    "body": [
+      "interface ${1:${TM_FILENAME_BASE/^([a-z])|-(\\w)/${1:/upcase}${2:/upcase}/g}}Props {",
+      "  ${2:props}",
+      "}",
+      "",
+      "const ${1:first} = (props: ${1:first}Props) => {",
+      "  const {} = props",
+      "  return <div>${1:first}</div>",
+      "}",
+      "",
+      "export default ${1:first}",
+      "",
+    ],
+    "description": "rafce sense template",
+  },
+  "ttt": {
+    "prefix": "ttt",
+    "body": [
+      "const ${1:${TM_FILENAME_BASE/^([a-z])|-(\\w)/${1:/upcase}${2:/upcase}/g}} = () => {",
+      "  return <div>${1:first}</div>",
+      "}",
+      "",
+      "export default ${1:first}",
+    ],
+    "description": "ttt",
+  },
+  "clo": {
+    "prefix": "clo",
+    "body": ["console.log(`${1:data}`, ${1:data})"],
+    "description": "clo",
+  },
+
+  "use client rrr": {
+    "prefix": "crrr",
+    "body": [
+      "\"use client\"",
+      "",
+      "interface ${1:${TM_FILENAME_BASE/^([a-z])|-(\\w)/${1:/upcase}${2:/upcase}/g}}Props {",
+      "  ${2:props}",
+      "}",
+      "",
+      "const ${1:first} = (props: ${1:first}Props) => {",
+      "  const {} = props",
+      "  return <div>${1:first}</div>",
+      "}",
+      "",
+      "export default ${1:first}",
+      "",
+    ],
+    "description": "use client와 props를 가진 snippet",
+  },
+  "use client ttt": {
+    "prefix": "cttt",
+    "body": [
+      "\"use client\"",
+      "",
+      "const ${1:${TM_FILENAME_BASE/^([a-z])|-(\\w)/${1:/upcase}${2:/upcase}/g}} = () => {",
+      "  return <div>${1:first}</div>",
+      "}",
+      "",
+      "export default ${1:first}",
+    ],
+    "description": "use clint ttt",
+  },
+}

README.md

@@ -72,6 +72,7 @@ interface SomeResponse {}
 | **Chore**            | 빌드 태스크 업데이트, 패키지 매니저 설정 (프로덕션 코드 변경 없음) |
 | **Rename**           | 파일 혹은 폴더명을 수정하거나 옮기는 작업만 수행한 경우            |
 | **Remove**           | 파일을 삭제하는 작업만 수행한 경우                                 |
+| **Ci**               | CI와 관련된 작업을 진행할 경우                                     |
 
 ## 브랜치 전략
 

eslint.config.mjs

@@ -130,6 +130,12 @@ const eslintConfig = [
       "no-console": "warn",
     },
   },
+  {
+    name: "any허용",
+    rules: {
+      "@typescript-eslint/no-explicit-any": 0,
+    },
+  },
   {
     rules: {
       "prettier/prettier": [

global.d.ts

@@ -0,0 +1,5 @@
+declare module "*.svg" {
+  import React from "react"
+  const svg: React.FC<React.SVGProps<SVGSVGElement>>
+  export default svg
+}

next.config.ts

@@ -1,7 +1,14 @@
 import type { NextConfig } from "next"
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  webpack: config => {
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ["@svgr/webpack"],
+    })
+
+    return config
+  },
 }
 
 export default nextConfig

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
@@ -17,6 +17,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "@eslint/js": "^9.4.0",
+    "@svgr/webpack": "^8.1.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
@@ -25,6 +26,7 @@
     "eslint-config-next": "15.1.6",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-no-relative-import-paths": "^1.6.1",
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "eslint-plugin-unicorn": "^53.0.0",