JSX에서 텍스트 추출 및 교체

이 도구는 JSX 태그 내에서 발견된 텍스트를 추출하는 데 중점을 두며, 추출된 문자열로 구성된 배열을 생성합니다. 이후 이 배열의 문자열로 JSX의 현재 텍스트를 대체할 수 있습니다.

UI/UX 테스트, 다국어 지원 및 현지화, SEO 최적화, 접근성 평가 수행, 코드에 대한 문서 또는 주석 생성 등 다양한 애플리케이션에 이 기능을 편리하게 사용할 수 있습니다.

사용 사례

• UI / UX 테스트
• 다국어 지원 및 현지화
• 콘텐츠 관리 시스템 (CMS)
• SEO 최적화
• 접근성 검사
• 문서 / 코드 주석 생성

사용 지침

1. 추출하려는 문자열이 포함된 JSX 태그를 입력 필드에 입력하세요.
2. 화면 하단의 추출 버튼을 클릭하세요.
   • 추출만 할지, 추출과 교체를 모두 수행할지를 추출 버튼 옆의 버튼 옵션을 사용하여 선택할 수 있습니다.
   • 추출 및 교체 옵션의 경우, 입력 영역 하단의 입력 필드에서 교체된 텍스트를 저장할 배열의 이름을 지정할 수 있습니다. 코드에서 이 배열을 호출할 때는 동일한 변수 이름을 사용하면 해당 내용이 중괄호 {}를 포함하여 적절히 교체됩니다.
3. 출력 필드에서 배열 / JSX를 확인하고 필요에 따라 복사 버튼을 사용하여 무료로 복사하세요.

사용 예시

<div>
  <Button onClick={onPlayMovie}>
  Play Movie
  </Button>
  <Button onClick={onUploadImage}>
  Upload Image
  </Button>
</div>

array

["Play Movie", "Upload Image"]

<div>
  <Button onClick={onPlayMovie}>
  {array[0]}
  </Button>
  <Button onClick={onUploadImage}>
  {array[1]}
  </Button>
</div>