💻 HTML 코드를 CSS JS 이스케이프 문자열로 변환

사용 방법

1. 변환하고 싶은 HTML 코드 블록을 전체 입력란에 입력합니다.
2. 선언할 문자열 묶음 기호 종류(쌍따옴표, 홑따옴표, ES6 백틱 템플릿 리터럴)를 선택합니다.
3. JS 문자열로 변환하기를 실행하여 자동 들여쓰기와 줄 바꿈 더하기(`+`)가 적용된 소스 코드를 획득합니다.

자주 묻는 질문

백틱(`) 템플릿 리터럴로 변환할 때는 어떤 처리가 이루어지나요?

ES6 백틱 템플릿 리터럴 형식은 내재된 줄바꿈을 그대로 허용하므로, 코드 내부의 백틱 자체(`\``) 및 JS 변수 바인딩 기호인 `${` 에 대한 안전한 역슬래시 이스케이프 처리만 적용하여 한 줄의 큰 문자열 상수로 변환해 줍니다.

백틱이 아니라 쌍따옴표나 홑따옴표를 선택하면 원본의 줄바꿈은 어떻게 처리되나요?

쌍따옴표나 홑따옴표는 문자열 안에 실제 줄바꿈을 담을 수 없으므로, 원본의 각 줄을 따옴표로 감싼 뒤 줄바꿈 문자(\n)를 넣고 + 연산자로 이어 붙이는 여러 줄의 문자열 결합 코드로 자동 변환해 드립니다. 백틱을 선택하면 이런 줄 나누기 없이 원본 줄바꿈 그대로 한 덩어리로 담깁니다.

백틱이 아니라 쌍따옴표나 홑따옴표를 선택하면 원본의 줄바꿈은 어떻게 처리되나요?

쌍따옴표나 홑따옴표는 문자열 안에 실제 줄바꿈을 담을 수 없으므로, 원본의 각 줄을 따옴표로 감싼 뒤 줄바꿈 문자(\n)를 넣고 + 연산자로 이어 붙이는 여러 줄의 문자열 결합 코드로 자동 변환해 드립니다. 백틱을 선택하면 이런 줄 나누기 없이 원본 줄바꿈 그대로 한 덩어리로 담깁니다.