i18n(ko-KR): update tutorial/

src/content/docs/ko/tutorial/3-components/3.mdx

@@ -96,8 +96,8 @@ import Badge from "~/components/Badge.astro"
     ---
     <div id="main-menu" class="nav-links">
       <a href="/">Home</a>
-      <a href="/about">About</a>
-      <a href="/blog">Blog</a>
+      <a href="/about/">About</a>
+      <a href="/blog/">Blog</a>
     </div>
     ```
 

src/content/docs/ko/tutorial/3-components/4.mdx

@@ -124,16 +124,16 @@ import { Steps } from '@astrojs/starlight/components';
 `<script>` 태그를 추가하면 클라이언트 측 JavaScript가 사용자 이벤트를 '수신'한 후 그에 따라 응답합니다.
 
 <Steps>
-1. `index.astro`의 닫는 `</body>` 태그 바로 앞에 다음 `<script>` 태그를 추가합니다.
+1. Astro의 TypeScript 지원을 활용하여, `index.astro`의 닫는 `</body>` 태그 바로 앞에 다음 `<script>` 태그를 추가합니다.
 
     ```astro title="src/pages/index.astro" ins={2-9}
       <Footer />
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
       </script>
     </body>
@@ -152,9 +152,9 @@ import { Steps } from '@astrojs/starlight/components';
     ```js title="src/scripts/menu.js"
     const menu = document.querySelector('.menu');
 
-    menu.addEventListener('click', () => {
+    menu?.addEventListener('click', () => {
       const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-      menu.setAttribute('aria-expanded', !isExpanded);
+      menu.setAttribute('aria-expanded', `${!isExpanded}`);
     });
     ```
 
@@ -165,9 +165,9 @@ import { Steps } from '@astrojs/starlight/components';
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
 
         import "../scripts/menu.js";

src/content/docs/ko/tutorial/5-astro-api/3.mdx

@@ -274,17 +274,16 @@ const pageTitle = "Tag Index";
 
 1. `src/pages/tags/index.astro`에서 `<div class="tags">...</div>` 및 `<style>...</style>`을 복사하여 `MarkdownPostLayout.astro` 내부에서 재사용하세요.
 
-    ```astro title="src/layouts/MarkdownPostLayout.astro" ins={13-17, 21-40}
+    ```astro title="src/layouts/MarkdownPostLayout.astro" ins={11-15, 19-37}
     ---
     import BaseLayout from './BaseLayout.astro';
     const { frontmatter } = Astro.props;
     --- 
     <BaseLayout pageTitle={frontmatter.title}>
       <p><em>{frontmatter.description}</em></p>
       <p>{frontmatter.pubDate.toString().slice(0,10)}</p>
-
+      <p><em>{frontmatter.description}</em></p>
       <p>Written by: {frontmatter.author}</p>
-
       <img src={frontmatter.image.url} width="300" alt={frontmatter.image.alt} /> 
 
       <div class="tags">

src/content/docs/ko/tutorial/6-islands/3.mdx

@@ -15,21 +15,25 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components';
 
 한 가지 더 수정해야 할 사항이 있습니다.
 
-```astro title="src/pages/about.astro" del={5} ins={6}
+```astro title="src/pages/about.astro" del={15} ins={16}
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
 const pageTitle = "About Me";
-const happy = true;
-const finished = false;
-const finished = true;
-const goal = 3;
+
 const identity = {
   firstName: "Sarah",
   country: "Canada",
   occupation: "Technical Writer",
   hobbies: ["photography", "birdwatching", "baseball"],
 };
+
 const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"];
+
+const happy = true;
+const finished = false;
+const finished = true;
+const goal = 3;
+
 const skillColor = "crimson";
 const fontWeight = "bold";
 const textCase = "uppercase";