콘텐츠로 이동

빠른 시작

Tyndale 설치
Terminal window
```
npm install tyndale tyndale-react
```
프로젝트 초기화
Terminal window
```
npx tyndale init
```
기본 설정이 포함된 tyndale.config.json 파일이 생성됩니다.
AI provider 인증
Terminal window
```
npx tyndale auth
```
안내에 따라 API 키를 설정하세요 (Anthropic, OpenAI 등).

번역 가능한 콘텐츠 감싸기

import { T, useTranslation } from 'tyndale-react';

export function Welcome() {
  const t = useTranslation();
  return (
    <div>
      <T>Welcome to our app!</T>
      <p>{t('You have {count} items', { count: 3 })}</p>
    </div>
  );
}

추출 및 번역
Terminal window
```
npx tyndale translate
```
Tyndale가 소스 파일을 스캔하고, 번역 가능한 문자열을 추출한 뒤, 구성된 모든 로캘에 대한 번역을 생성합니다.

방금 무슨 일이 있었나요?

Tyndale가 JSX에서 <T> 컴포넌트와 useTranslation() 호출을 스캔하고, 영어 원문 텍스트를 추출해 AI provider로 번역을 보낸 다음, output 디렉터리에 로캘 파일을 작성했습니다.

키 파일이 필요 없습니다. JSON을 수동으로 편집할 필요도 없습니다. 이제 번역이 준비되었습니다.

다음 단계

프로젝트 구성하기 — 로캘, AI 모델, 출력 디렉터리
Next.js 설정하기 — 미들웨어, provider, 정적 생성
React API 알아보기 — 모든 컴포넌트와 훅