> ## Documentation Index
> Fetch the complete documentation index at: https://wb-21fd5541-serverless-sft-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# W&B Documentation

export const ProductCard = ({title, iconSrc, href, subtitle, children, className = ''}) => {
  const handleCardClick = e => {
    let target = e.target;
    while (target && target !== e.currentTarget) {
      if (target.tagName === 'A') {
        return;
      }
      target = target.parentElement;
    }
    if (href) {
      window.location.href = href;
    }
  };
  return <div className="group flex overflow-hidden rounded-lg border border-gray-200 dark:border-gray-800 hover:shadow-md transition-all p-6" onClick={handleCardClick} style={{
    cursor: href ? 'pointer' : 'default'
  }}>
      {}
      {iconSrc && <div className="flex-shrink-0 mr-4" style={{
    marginTop: '-12px'
  }}>
          <img src={iconSrc} alt={title} width="60" height="60" className="w-[60px] h-[60px]" />
        </div>}
      
      {}
      <div className="flex-1">
        <h2 className="text-xl font-normal mb-2" style={{
    fontFamily: '"Source Serif 4", serif'
  }}>
          {title}
        </h2>
        {subtitle && <h3 className="text-base font-semibold mb-3 text-gray-700 dark:text-gray-300">
            {subtitle}
          </h3>}
        <div className="text-sm text-gray-600 dark:text-gray-400 leading-relaxed">
          {children}
        </div>
      </div>
    </div>;
};

export const HomeWrapper = ({children, padding = "0"}) => {
  return <div className={padding}>{children}</div>;
};

export const Banner = ({title, background, children, home}) => {
  useEffect(() => {
    if (home) {
      const header = document.querySelector("div#content-area > header#header");
      if (header) {
        header.style.display = "none";
      }
      const mdxContent = document.querySelector("div.mdx-content");
      if (mdxContent) {
        mdxContent.style.marginTop = "0";
      }
    }
    return () => {
      const header = document.querySelector("div#content-area > header#header");
      if (header) {
        header.style.display = "";
      }
      const mdxContent = document.querySelector("div.mdx-content");
      if (mdxContent) {
        mdxContent.style.marginTop = "";
      }
    };
  }, [home]);
  return <div className="relative w-full min-h-[200px] bg-gray-900 bg-cover bg-center bg-no-repeat rounded-lg overflow-hidden" style={{
    backgroundImage: `url('${background}')`
  }}>
      <div className="absolute inset-0 bg-black bg-opacity-40"></div>
      <div className="relative z-10 flex flex-col justify-center h-full px-8 py-12 text-white">
        <h2 className="font-serif text-2xl text-white font-normal mb-4 leading-tight mt-4">{title}</h2>
        <div className="text-gray-200 leading-relaxed">{children}</div>
      </div>
    </div>;
};

<HomeWrapper>
  <br />

  <Banner home title="Weights & Biases 문서" background="/images/support/support_banner.png">
    문서가 필요한 제품을 선택하세요.
  </Banner>

  <br />

  <br />

  <HomeWrapper padding="mint-px-4 md:mint-px-24">
    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
      <ProductCard title="W&B Models" iconSrc="icons/Name=Models, Mode=Dark.svg" href="/ko/models/" subtitle="AI 모델 개발">
        W\&B Models 를 사용하여 AI 모델 개발을 관리하세요.
        기능에는 트레이닝, 파인튜닝, 리포트 작성, 하이퍼파라미터 탐색 자동화,
        버전 관리 및 재현성을 위한 모델 레지스트리 활용이 포함됩니다.

        <br />

        <br />

        • <a href="/ko/models/">소개</a><br />
        • <a href="/ko/models/quickstart/">빠른 시작</a><br />
        • <a href="https://www.youtube.com/watch?v=tHAFujRhZLA">YouTube 튜토리얼</a><br />
        • <a href="https://wandb.ai/site/courses/101/">온라인 코스</a>
      </ProductCard>

      <ProductCard title="W&B Weave" iconSrc="icons/Name=Weave, Mode=Dark.svg" href="/weave" subtitle="앱에서 AI 모델 사용">
        W\&B Weave 를 사용하여 코드에서 AI 모델을 관리하세요.
        기능에는 추적, 출력 평가, 비용 추정, 다양한 대규모 언어 모델 (LLM) 및
        설정을 비교하기 위한 플레이그라운드가 포함됩니다.

        <br />

        <br />

        • <a href="/weave/">소개</a><br />
        • <a href="/weave/quickstart">빠른 시작</a><br />
        • <a href="https://www.youtube.com/watch?v=IQcGGNLN3zo">YouTube 데모</a><br />
        • <a href="/weave/guides/tools/playground/">플레이그라운드 사용해 보기</a><br />
        • <a href="/weave/quickstart">W\&B 실행에서 Weave 사용</a>
      </ProductCard>

      <ProductCard title="W&B Inference" iconSrc="icons/Name=Inference, Mode=Dark.svg" href="/inference/" subtitle="파운데이션 모델 액세스">
        W\&B Inference를 사용하여 OpenAI 호환 API를 통해 주요 오픈소스 파운데이션 모델에 액세스하세요.
        기능에는 여러 모델 옵션, 사용량 추적, 추적 및 평가를 위한 Weave와의 통합이 포함됩니다.

        <br />

        <br />

        • <a href="/inference/">소개</a><br />
        • <a href="/inference/models/">사용 가능한 모델</a><br />
        • <a href="/inference/api-reference/">API 레퍼런스</a><br />
        • <a href="https://wandb.ai/inference">플레이그라운드에서 시도</a>
      </ProductCard>

      <ProductCard title="W&B Training" iconSrc="icons/Name=Models, Mode=Dark.svg" href="/training/" subtitle="모델 포스트 트레이닝">
        현재 퍼블릭 프리뷰 중인 W\&B Training을 사용하여 서버리스 강화 학습(RL)으로 대규모 언어 모델을 포스트 트레이닝하세요.
        기능에는 완전 관리형 GPU 인프라, ART 및 RULER와의 통합,
        멀티턴 에이전트 작업을 위한 자동 스케일링이 포함됩니다.

        <br />

        <br />

        • <a href="/training/">소개</a><br />
        • <a href="/training/prerequisites/">전제 조건</a><br />
        • <a href="/training/serverless-rl/">서버리스 RL</a><br />
        • <a href="/training/api-reference/">API 레퍼런스</a>
      </ProductCard>
    </div>
  </HomeWrapper>
</HomeWrapper>

<br />

<br />