# Introduction
URL: /react/developer-tools/codemods/introduction
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/react/developer-tools/codemods/introduction.mdx

@seed-design/codemod는 Sprout에서 SEED로 마이그레이션하기 위한 코드 변환 도구예요.

## 사용 방법

- npm: npx @seed-design/codemod@latest \<transform> \<target\_path> \<옵션>
- pnpm: pnpm dlx @seed-design/codemod@latest \<transform> \<target\_path> \<옵션>
- yarn: yarn dlx @seed-design/codemod@latest \<transform> \<target\_path> \<옵션>
- bun: bun x @seed-design/codemod@latest \<transform> \<target\_path> \<옵션>

사용 가능한 transform 목록을 확인하려면 다음 명령어를 실행해요.

- npm: npx @seed-design/codemod@latest --list
- pnpm: pnpm dlx @seed-design/codemod@latest --list
- yarn: yarn dlx @seed-design/codemod@latest --list
- bun: bun x @seed-design/codemod@latest --list

<Card title="Available Transforms" icon="<IconTerminal/>" href="/react/developer-tools/codemods/available-transforms">
  사용 가능한 변환 목록을 확인합니다.
</Card>

<Callout type="info" title="Node.js 요구사항">
  스크립트 실행을 위해서는 Node.js 20.19.0 이상의 버전이 필요해요. 버전 요구사항을 만족시키지 않으면 안내 문구가 표시돼요.

  nvm을 사용한다면 codemod 실행을 위해 Node.js 버전을 잠시 변경할 수 있어요.

  ```shell
  nvm install 20.19
  ```
</Callout>

## 옵션

- `--list`
  - 사용 가능한 transform 목록을 보여줘요.
- `--log`
  - 로그를 파일로 저장해요.
  - `./`에 `combined.log`와 `warnings.log` 파일이 생성돼요.
- `--parser`
  - jscodeshift가 사용할 파서를 지정해요
  - `babel` | `babylon` | `flow` | `ts` | `tsx`
  - 기본값: `tsx`
  - 예시: `--parser=babel`
- `--extensions`
  - 변환할 파일 확장자를 지정해요.
  - 지정하지 않으면 `<경로>` 안의 `js,jsx,ts,tsx` 파일을 변환해요. (`d.ts`는 제외)
  - 예시: `--extensions="ts,tsx"`
- `--ignore-config`
  - 변환하지 않을 파일 패턴이 정의된 파일을 지정해요.
  - 예시: `--ignore-config=".gitignore"`