chore: style lint 설정

Author: shyjnnn

.stylelintrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+  extends: [
+    'stylelint-config-standard-scss', // scss 표준 규칙
+    'stylelint-config-prettier-scss', // prettier 와의 충돌 방지
+    'stylelint-config-property-sort-order-smacss', // smacss 스타일 가이드에 따른 스타일 순서
+  ],
+  rules: {
+    'selector-class-pattern': '^[a-z][a-zA-Z0-9]+$', // 선택자를 camelCase로 설정 (헨리가 PR #14에 반영한 상황)
+  },
+}

package-lock.json

@@ -13,6 +13,7 @@
     "@types/node": "20.4.7",
     "@types/react": "18.2.18",
     "@types/react-dom": "18.2.7",
+    "classnames": "^2.3.2",
     "eslint-config-next": "13.4.12",
     "next": "13.4.12",
     "react": "18.2.0",
@@ -33,6 +34,10 @@
     "husky": "^8.0.0",
     "lint-staged": "^13.2.3",
     "prettier": "^3.0.1",
+    "stylelint": "^15.10.2",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-property-sort-order-smacss": "^9.1.0",
+    "stylelint-config-standard-scss": "^10.0.0",
     "typescript": "^5.1.6"
   },
   "lint-staged": {