{
  "url": "https://unifast.dev/ko/docs/packages/core/find-code-child/",
  "locale": "ko",
  "title": "findCodeChild()",
  "description": "부모 요소 안에서 자식 <code> 요소를 찾습니다.",
  "section": "packages",
  "body": "```ts\nimport { findCodeChild } from \"@unifast/core\";\n```\n\n## 시그니처\n\n```ts\nfunction findCodeChild(element: HastElement): HastElement | undefined\n```\n\n## 매개변수\n\n### element\n\n| 속성 | 타입 | 기본값 | 설명 |\n|----------|------|---------|-------------|\n| `type` | `\"element\"` | — | 노드 타입 식별자 |\n| `tagName` | `string` | — | HTML 태그 이름 (일반적으로 `\"pre\"`) |\n| `properties` | `Record<string, unknown>` | — | 요소 속성 |\n| `children` | `HastNode[]` | — | 탐색할 자식 노드 |\n\n## 반환값\n\n`HastElement | undefined` — `tagName`이 `\"code\"`인 첫 번째 자식 요소. 그러한 자식이 없으면 `undefined`.\n\n## 사용법\n\n```ts\nimport { findCodeChild } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    {\n      type: \"element\",\n      tagName: \"code\",\n      properties: { className: [\"language-js\"] },\n      children: [{ type: \"text\", value: \"const x = 1;\" }],\n    },\n  ],\n};\n\nconst code = findCodeChild(pre);\n\nconsole.log(code?.tagName);\n// code\n```\n\n## 예시\n\n### pre 요소 안에서 code 찾기\n\n```ts\nimport { findCodeChild, extractLang, extractText } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    {\n      type: \"element\",\n      tagName: \"code\",\n      properties: { className: [\"language-rust\"] },\n      children: [{ type: \"text\", value: 'fn main() { println!(\"hello\"); }' }],\n    },\n  ],\n};\n\nconst code = findCodeChild(pre);\nif (code) {\n  console.log(extractLang(code));\n  // rust\n  console.log(extractText(code));\n  // fn main() { println!(\"hello\"); }\n}\n```\n\n### code 자식이 없는 경우\n\n```ts\nimport { findCodeChild } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    { type: \"text\", value: \"plain preformatted text\" },\n  ],\n};\n\nconst code = findCodeChild(pre);\n\nconsole.log(code);\n// undefined\n```\n\n### visitHast와 함께 구문 강조에 사용\n\n```ts\nimport { visitHast, findCodeChild, extractLang } from \"@unifast/core\";\nimport type { HastNode, HastElement } from \"@unifast/core\";\n\nconst tree: HastNode = {\n  type: \"root\",\n  children: [\n    {\n      type: \"element\",\n      tagName: \"pre\",\n      properties: {},\n      children: [\n        {\n          type: \"element\",\n          tagName: \"code\",\n          properties: { className: [\"language-js\"] },\n          children: [{ type: \"text\", value: \"const x = 1;\" }],\n        },\n      ],\n    },\n  ],\n};\n\nvisitHast(tree, (node) => {\n  if (node.type === \"element\" && node.tagName === \"pre\") {\n    const code = findCodeChild(node);\n    if (code) {\n      const lang = extractLang(code);\n      console.log(`Found code block with language: ${lang}`);\n      // Found code block with language: js\n    }\n  }\n});\n```",
  "alternates": [
    {
      "locale": "en",
      "url": "https://unifast.dev/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ja",
      "url": "https://unifast.dev/ja/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ja/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "zh-CN",
      "url": "https://unifast.dev/zh-CN/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/zh-CN/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "zh-TW",
      "url": "https://unifast.dev/zh-TW/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/zh-TW/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ko",
      "url": "https://unifast.dev/ko/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ko/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "fr",
      "url": "https://unifast.dev/fr/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/fr/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "it",
      "url": "https://unifast.dev/it/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/it/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "es",
      "url": "https://unifast.dev/es/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/es/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "pt-BR",
      "url": "https://unifast.dev/pt-BR/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/pt-BR/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "de",
      "url": "https://unifast.dev/de/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/de/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ru",
      "url": "https://unifast.dev/ru/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ru/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "hi",
      "url": "https://unifast.dev/hi/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/hi/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "id",
      "url": "https://unifast.dev/id/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/id/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "tr",
      "url": "https://unifast.dev/tr/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/tr/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "vi",
      "url": "https://unifast.dev/vi/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/vi/docs/packages/core/find-code-child.json"
    }
  ]
}