본문으로 이동
Develop Tools

React 코드 마스킹 도구

React JSX·TSX의 구조를 유지하면서, 식별자나 문자열을 브라우저 내에서 마스킹·익명화합니다.

글자 크기

이 도구에 대하여

React 구성 요소를 공유하기 전에 구성 요소 이름, 변수 이름, 문자열 등을 대체 값으로 바꿀 수 있습니다.

지원 기능

  • React JSX · TSX 코드
  • 구성 요소, 함수, 변수, props, 문자열 마스킹 및 익명화

사용 방법

  1. React 코드를 입력란에 붙여넣습니다.
  2. 마스킹 대상 및 표시 설정을 선택합니다.
  3. JSX · TSX 구조와 결과를 확인하고 복사합니다.
  4. 마스킹 결과의 대상 부분을 마우스 오른쪽 버튼으로 클릭하면 개별적으로 마스킹을 해제하고 다시 마우스 오른쪽 버튼으로 클릭하면 다시 적용할 수 있습니다.

제한 사항

  • 자체 매크로나 변환기 구문을 완전히 구문 분석하지 못할 수 있습니다.
  • 마스킹 후에는 유형 참조와 식별자의 대응 관계를 확인하십시오.

개인정보 보호: 입력 내용과 처리 결과는 브라우저에서 처리되며 Develop Tools 서버로 전송하거나 저장하지 않습니다.