Merge pull request #287 from DaleStudy/212-prettier

212 prettier 설치 및 github action 통합

Author: hyoseong1994

.github/PULL_REQUEST_TEMPLATE.yml .github/PULL_REQUEST_TEMPLATE.md.github/PULL_REQUEST_TEMPLATE.yml renamed to .github/PULL_REQUEST_TEMPLATE.md

@@ -1,11 +1,17 @@
 ## 변경 사항
-- 무엇을 변경했나요? (예: 새 컴포넌트 추가, 디자인 수정, 문서 업데이트)  
-  - 
+
+- 무엇을 변경했나요? (예: 새 컴포넌트 추가, 디자인 수정, 문서 업데이트)
+
+  -
 
 ## 목적
-- 왜 이 변경이 필요한가요? (예: 접근성 개선, 사용자 경험 향상)  
-  - 
+
+- 왜 이 변경이 필요한가요? (예: 접근성 개선, 사용자 경험 향상)
+
+  -
 
 ## 리뷰어에게
-- 특별히 확인해 주셨으면 하는 부분이 있나요? (예: 호버 상태, 모바일 뷰포트)  
-  - 
+
+- 특별히 확인해 주셨으면 하는 부분이 있나요? (예: 호버 상태, 모바일 뷰포트)
+
+  -

.github/workflows/integration.yml

@@ -10,6 +10,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: oven-sh/setup-bun@v2
       - run: bun install
+      - run: bun run format
       - run: bun run lint
       - run: bun run test run
       - run: bun run build

.prettierignore

@@ -0,0 +1,5 @@
+# 빌드 결과물
+dist/
+
+# 이미지, 폰트, 바이너리
+*.svg

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -105,7 +105,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

bun.lock

@@ -24,5 +24,5 @@ export default tseslint.config(
         { allowConstantExport: true },
       ],
     },
-  }
+  },
 );

eslint.config.js

@@ -15,6 +15,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
+    "format": "prettier --check .",
     "lint": "eslint .",
     "test": "vitest",
     "preview": "vite preview",
@@ -62,6 +63,7 @@
     "eslint-plugin-storybook": "^0.12.0",
     "globals": "^16.1.0",
     "happy-dom": "^17.4.7",
+    "prettier": "^3.5.3",
     "storybook": "^8.6.14",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.1",

package.json

@@ -38,7 +38,7 @@ export const Text = ({
         css.raw({
           fontSize: size,
           fontWeight: weight,
-        })
+        }),
       )}
       {...rest}
     >

src/components/Text/Text.tsx

@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.tsx";
+import "./index.css";
 
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
   </StrictMode>,
-)
+);

src/main.tsx

@@ -10,21 +10,21 @@ import { colors, semanticColors } from "./colors.ts";
     title="초록"
     subtitle="colors.teal"
     colors={Object.fromEntries(
-      Object.entries(colors.teal).map(([name, { value }]) => [name, value])
+      Object.entries(colors.teal).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
     title="초록 (dark)"
     subtitle="colors.tealDark"
     colors={Object.fromEntries(
-      Object.entries(colors.tealDark).map(([name, { value }]) => [name, value])
+      Object.entries(colors.tealDark).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
     title="보라"
     subtitle="colors.violet"
     colors={Object.fromEntries(
-      Object.entries(colors.violet).map(([name, { value }]) => [name, value])
+      Object.entries(colors.violet).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
@@ -34,28 +34,28 @@ import { colors, semanticColors } from "./colors.ts";
       Object.entries(colors.violetDark).map(([name, { value }]) => [
         name,
         value,
-      ])
+      ]),
     )}
   />
   <ColorItem
     title="빨강"
     subtitle="colors.red"
     colors={Object.fromEntries(
-      Object.entries(colors.red).map(([name, { value }]) => [name, value])
+      Object.entries(colors.red).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
     title="빨강 (dark)"
     subtitle="colors.redDark"
     colors={Object.fromEntries(
-      Object.entries(colors.redDark).map(([name, { value }]) => [name, value])
+      Object.entries(colors.redDark).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
     title="노랑"
     subtitle="colors.yellow"
     colors={Object.fromEntries(
-      Object.entries(colors.yellow).map(([name, { value }]) => [name, value])
+      Object.entries(colors.yellow).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
@@ -65,21 +65,21 @@ import { colors, semanticColors } from "./colors.ts";
       Object.entries(colors.yellowDark).map(([name, { value }]) => [
         name,
         value,
-      ])
+      ]),
     )}
   />
   <ColorItem
     title="회색"
     subtitle="colors.gray"
     colors={Object.fromEntries(
-      Object.entries(colors.gray).map(([name, { value }]) => [name, value])
+      Object.entries(colors.gray).map(([name, { value }]) => [name, value]),
     )}
   />
   <ColorItem
     title="회색 (dark)"
     subtitle="colors.grayDark"
     colors={Object.fromEntries(
-      Object.entries(colors.grayDark).map(([name, { value }]) => [name, value])
+      Object.entries(colors.grayDark).map(([name, { value }]) => [name, value]),
     )}
   />
 </ColorPalette>