HTML/SVG 코드 변환 - HTML→JSX/SVG→JSX/HTML→Pug 변환

사용 방법

1. 드롭다운에서 변환 유형 선택(HTML→JSX 등)
2. 입력 영역에 코드 입력
3. 「변환」 버튼 클릭
4. 변환된 코드 복사

FAQ

어떤 변환을 지원하나요?

HTML→JSX, SVG→JSX, HTML→Pug 3가지 변환을 지원합니다.

React 클래스명이 변환되나요?

네. HTML→JSX에서 class가 자동으로 className으로 변환됩니다.

데이터가 서버로 전송되나요?

아니요. 모든 처리는 브라우저에서 완료됩니다.

이 도구는 어떻게 사용하나요?

소스 형식(예: camelCase)과 대상 형식(예: snake_case)을 선택한 후 텍스트를 입력하면 즉시 변환 결과를 확인할 수 있습니다.

변환이 올바르지 않을 때는 어떻게 하나요?

구분자가 혼합되어 있거나 특수 문자가 포함된 경우 예기치 않은 결과가 발생할 수 있습니다. 입력 텍스트를 정리한 후 다시 시도해 보세요.

관련 도구