Merge pull request #91 from krsy0411/master

[번역][UI] web-component 생성 & 문서 번역 & 유튜브 동영상 재생 추가

Author: elecbug

.eslintrc.js

@@ -3,20 +3,12 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:prettier/recommended',
-    'prettier',
-  ],
+  extends: ['eslint:recommended', 'plugin:prettier/recommended', 'prettier'],
   parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
     ecmaVersion: 12,
     sourceType: 'module',
   },
-  plugins: ['react', 'prettier'],
+  plugins: ['prettier'],
   rules: {
     'prettier/prettier': 'error',
   },

.prettierrc

@@ -1,4 +1,11 @@
 {
+  "plugins": ["prettier-plugin-tailwindcss"],
   "singleQuote": true,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "css",
+  "bracketSpacing": true,
+  "arrowParens": "always"
 }

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "always"
   }

index.html

@@ -14,6 +14,7 @@
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-prettier": "^5.2.3",
     "prettier": "^3.5.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "typescript": "~5.7.2",
     "vite": "^6.3.2"
   },

package-lock.json

@@ -1,6 +1,14 @@
 # Build, tag, and publish an image
 
-[유튜브 링크](https://youtu.be/chiiGLlYRlY)
+<div class="youtube-video">
+   <iframe 
+    src="https://www.youtube.com/embed/chiiGLlYRlY" 
+    frameborder="0" 
+    allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+    allowfullscreen
+   >
+  </iframe>
+</div>
 
 ## Explanation
 

package.json

@@ -1,4 +1,13 @@
 # Multi-stage builds
+<div class="youtube-video">
+   <iframe 
+    src="https://www.youtube.com/embed/vR185cjwxZ8" 
+    frameborder="0" 
+    allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+    allowfullscreen
+   >
+  </iframe>
+</div>
 
 ## Explanation
 

public/docs/get-started/docker-concepts/building-images/build-tag-and-publish-an-image.md

@@ -1,6 +1,14 @@
 # Understanding the image layers
 
-[유튜브 링크](https://youtu.be/wJwqtAkmtQA)
+<div class="youtube-video">
+   <iframe 
+    src="https://www.youtube.com/embed/wJwqtAkmtQA" 
+    frameborder="0" 
+    allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+    allowfullscreen
+   >
+  </iframe>
+</div>
 
 ## Explanation
 

public/docs/get-started/docker-concepts/building-images/multi-stage-builds.md

@@ -1,6 +1,14 @@
 # Using the build cache
 
-[유튜브 링크](https://youtu.be/Ri6jMknjprY)
+<div class="youtube-video">
+   <iframe 
+    src="https://www.youtube.com/embed/Ri6jMknjprY" 
+    frameborder="0" 
+    allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+    allowfullscreen
+   >
+  </iframe>
+</div>
 
 ## Explanation