feat: Add Debug Fundamentals (#296)

* 초안

* 줄바꿈제거, 헤딩 공통화

* 인터뷰: react-query state 추가

* review 반영

* 에러로그 수정

* 단순하게수정하기 리뷰 반영

* 에러 메세지,로그 리뷰반영

* 수정하기 코드추가

* 수정하기 내용 추가

* 예시 헤딩 위계 올리기

* 재발방지하기 내용 추가

* 디버깅 가이드 업데이트, 에러로그 및 디버거 활용하기 내용 추가

---------

Co-authored-by: yurimjin <[email protected]>

Author: lee-ji-soo-v2

fundamentals/debug/.vitepress/config.mts

@@ -24,17 +24,76 @@ export default defineConfig({
         items: [
           {
             text: "시작하기",
-            link: "/get-started"
-          }
+            link: "/pages/introduce.md",
+          },
+          {
+            text: "효과적인 디버깅을 위한 4가지 단계",
+            link: "/pages/start.md",
+          },
         ]
       },
       {
-        text: "튜토리얼"
+        text: "실전 가이드",
+        items: [
+          {
+            text: "진단하기",
+            link: "/pages/diagnose/index.md",
+            collapsed: false,
+            items: [
+              { text: "에러 메세지로 원인 추측하기", link: "/pages/diagnose/error-message.md" },
+              { text: "작업 지도 그리기", link: "/pages/diagnose/map.md" },
+             ],
+          },
+          {
+            text: "재현하기",
+            link: "/pages/reproduce/index.md",
+            collapsed:false,
+            items: [
+              { text: "최대한 간단하게 재현하기", link: "/pages/reproduce/simply.md" },
+              { text: "디버거 활용하기", link: "/pages/reproduce/debugger.md" },
+              { text: "일반적인 범위에서 벗어난 값 재현하기", link: "/pages/reproduce/out-range.md" },
+              { text: "반복적인 재현 과정을 자동화하기", link: "/pages/reproduce/repeat.md" },
+              { text: "버그 발생 경로를 추적하기", link: "/pages/reproduce/trace.md" },
+             ],
+          },
+          {
+            text: "수정하기",
+            link: "/pages/fix/index.md",
+            collapsed:false,
+            items: [
+              { text: "근본 원인 수정하기", link: "/pages/fix/correct.md" },
+              { text: "순수함수 만들기", link: "/pages/fix/pure.md" },
+              { text: "데드코드 제거하기", link: "/pages/fix/dead-code.md" },
+             ],
+          },
+          {
+            text: "재발방지하기",
+            link: "/pages/prevent/index.md",
+            collapsed:false,
+            items: [
+              { text: "에러 로그 상세히 남기기", link: "/pages/prevent/error-log.md" },
+              { text: "버그 리포트 남기기", link: "/pages/prevent/bug-report.md" },
+              { text: "팀과 공유하고 공통 유틸에 반영하기", link: "/pages/prevent/util.md" },
+             ],
+          },
+        ]
       },
       {
-        text: "심화 학습"
-      }
-    ]
+        text: "디버깅 인터뷰",
+        items:[
+          {text: "react-query 상태는 어떻게 돌아가는가?",
+          link: "/pages/interview/react-query/index.md",
+          collapsed:false,
+          items: [
+                { text: "진단하기", link: "/pages/interview/react-query/diagnose.md" },
+                { text: "재현하기", link: "/pages/interview/react-query/reproduce.md" },
+                { text: "수정하기", link: "/pages/interview/react-query/fix.md" },
+                { text: "추가질문", link: "/pages/interview/react-query/tip.md" },
+               ],
+            },
+        ],
+      },
+    ],
   },
   markdown: {
     config: (md) => {