feat: Home 개선선

Author: Great-Stone

docs/.vuepress/navbar/ko.ts

@@ -12,17 +12,30 @@ export const koNavbar = navbar([
       { text: "Public-Cloud", link: "/03-PublicCloud/" },
     ],
   },
-  { text: "Software", icon: "code", link: "/05-Software/" },
   {
     text: "HashiCorp",
     icon: "layer-group",
-    link: "/04-HashiCorp/"
+    link: "/04-HashiCorp/",
+    children: [
+      { text: "Packer", icon: "/assets/menu-icon/packer.svg", link: "/04-HashiCorp/packer/" },
+      { text: "Vagrant", icon: "/assets/menu-icon/vagrant.png", link: "/04-HashiCorp/vagrant/" },
+      { text: "Terraform", icon: "/assets/menu-icon/terraform.svg", link: "/04-HashiCorp/terraform/" },
+      { text: "Consul", icon: "/assets/menu-icon/consul.svg", link: "/04-HashiCorp/consul/" },
+      { text: "Boundary", icon: "/assets/menu-icon/boundary.svg", link: "/04-HashiCorp/boundary/" },
+      { text: "Vault", icon: "/assets/menu-icon/vault.svg", link: "/04-HashiCorp/vault/" },
+      { text: "Nomad", icon: "/assets/menu-icon/nomad.svg", link: "/04-HashiCorp/nomad/" },
+    ],
   },
   {
     text: "Kubernetes",
     icon: "dharmachakra",
     link: "/07-Kubernetes/"
   },
+  {
+    text: "Software",
+    icon: "compact-disc",
+    link: "/05-Software/"
+  },
   { text: "Etc.",
     icon: "mug-hot",
     link: "/06-etc/",

docs/.vuepress/public/assets/menu-icon/boundary.svg

@@ -4,7 +4,8 @@ icon: home
 title: docmoa
 heroImage: /logo.png
 heroText: docmoa
-tagline: "그림같이 써라.<br>그러면 기억 속에 머물 것이다."
+tagline: "그림같이 써라.<br>그러면 기억 속에 머물 것이다.<br><small>by 조지프 퓰리처</small>"
+
 actions:
   - text: 🚀 시작하기
     link: /00-Howto/index.html
@@ -18,25 +19,33 @@ actions:
 
 features:
   - title: Infrastructure
-    details: Linux / Container
+    details: Linux, Container, z/OS, Quantum
     link: /01-Infrastructure/
+    icon: server
   - title: Private Platform
-    details: VSphere
+    details: vSphere, Private Cloud
     link: /02-PrivatePlatform/
+    icon: building
   - title: Public Cloud
-    details: Alibaba / Naver Cloud
+    details: Alibaba Cloud, Naver Cloud
     link: /03-PublicCloud/
+    icon: cloud
   - title: HashiCorp
-    details: Packer / Vagrant / Terraform / Consul / Boundary / Vault / Nomad / Waypoint
+    details: Packer, Vagrant, Terraform, Consul, Boundary, Vault, Nomad, Waypoint
     link: /04-HashiCorp/
+    icon: layer-group
   - title: Kubernetes
-    details: Kubernetes Infra
+    details: OpenShift, EKS, Kops, Rancher Desktop
     link: /07-Kubernetes/
+    icon: dharmachakra
   - title: Software
-    details: MongoDB / Jenkins / Tomcat
+    details: MongoDB, Jenkins, Tomcat, Keycloak, Node.js
     link: /05-Software/
+    icon: compact-disc
   - title: Etc.
+    details: Book Memo, Class, Information, Mac
     link: /06-etc/
+    icon: mug-hot
 #   - title: How to
 #     details: 활용 방법 안내
 
@@ -59,10 +68,18 @@ export default defineComponent({
     // 디버그를 위해 pages의 내용을 콘솔에 출력
     console.log('Pages:', pages);
 
+    const safeDecode = (str) => {
+      try {
+        return decodeURIComponent(str);
+      } catch {
+        return str;
+      }
+    };
+
     const formatPath = (path) => {
       const parts = path.split('/').filter(part => part); // 빈 문자열 요소 제거
       parts.pop(); // 마지막 부분 (파일명) 제거
-      return parts.join(' > '); // 배열을 ' > '로 연결하여 문자열 생성
+      return parts.map(p => safeDecode(p)).join(' > ');
     };
 
     const filteredPages = computed(() => {
@@ -91,7 +108,7 @@ export default defineComponent({
 ### Start contributing to `docmoa`
 
 ::: important Run info
-Minimum NodeJS version : `v20.19.x`
+Minimum tested NodeJS version : `v20.19.x`
 :::
 
 ::: code-tabs