fix: 세팅

.prettierignore

@@ -0,0 +1 @@
+**/*.html

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "printWidth": 1000,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": false,
+  "htmlWhitespaceSensitivity": "css"
+}

.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

doc/개발환경.md

@@ -0,0 +1,5 @@
+# 개발환경
+
+- Node, Vite 최신버전
+- SCSS, JS, IMAGE 압축 빌드
+- Prettier 

doc/코딩규칙.md

@@ -0,0 +1,20 @@
+# 코딩규칙
+
+- 클래스명은 카멜케이스 키워드에 + BEM 방식
+- BEM 의 depth 는 2depth 까지만, 이후 단계에서는 BEM 생략
+- BEM 클래스만 병렬선언, 나머지는 BEM 클래스 안에 중첩
+- 태그에 스타일을 주지 않음. 클래스를 선언해서 매핑, reset 은 제외
+
+ex) someThing, someThing__card, someThing__card__blockArea
+ex) 
+.someThing {
+	img {
+	}
+}
+
+.someThing__card {
+	.thumb { }
+}
+
+(x) section--about
+(x) section-about

package.json

@@ -6,12 +6,14 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "format": "prettier --write src/**/*.scss src/**/*.js"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "prettier": "^3.8.4",
     "sass": "^1.101.0",
     "vite": "^8.0.16",
     "vite-plugin-imagemin": "^0.6.1"