AI 초안에 HTML 문자 참조가 남을 때: 앰퍼샌드와 이중 변환 확인

공개 화면에 &가 그대로 남았다면, 먼저 HTML 원문을 넣은 것인지 일반 텍스트로 넣은 것인지 확인하세요. HTML 문자 참조를 두 번 변환한 경우와 코드 예시로 일부러 보여 주는 경우도 나누어야 합니다.

목차

1. 1. 원문과 화면은 같은 문자열이 아닙니다
2. 2. 작은 예시로 변환 횟수 확인
3. 3. 전체 치환 전에 의도부터 나누기
4. 4. 자주 묻는 질문

1. 원문과 화면은 같은 문자열이 아닙니다

WHATWG HTML 표준의 이름 있는 문자 참조 목록은 amp;를 U+0026의 &, lt;를 <, gt;를 >에 대응시킵니다. HTML 본문의 텍스트로 해석될 때 원문에 적힌 문자 참조와 화면에 보이는 문자는 달라질 수 있습니다.

편집기의 HTML 모드와 일반 글쓰기 모드는 입력을 다루는 방식이 다를 수 있습니다. AI가 준 문자열을 붙여 넣기 전에 현재 모드가 무엇인지 확인하고, 저장한 뒤 실제 미리보기에서 보이는 결과를 읽어야 합니다. 원문에서만 검색하고 검수를 끝내면 표시 문제를 놓칠 수 있습니다.

2. 작은 예시로 변환 횟수 확인

HTML 텍스트 원문	화면의 결과	해석할 질문
Tom & Jerry	Tom & Jerry	한 번 해석된 문자 참조인가?
Tom & Jerry	Tom & Jerry	원하는 결과보다 한 번 더 변환됐나?
코드 예시로 문자 참조를 설명함	& 자체를 보여 줌	의도적으로 보존할 예시인가?

위 표는 화면 결과를 직접 비교하는 예시입니다. 일반 텍스트 편집기에 같은 문자열을 넣었을 때는 HTML로 해석되지 않을 수 있으므로, 표의 결과를 모든 입력창에 그대로 대입하지 마세요.

가상의 제목 “Tom & Jerry”가 목적이라면 제목 칸과 본문 HTML에서 각각 저장 후 표시를 확인합니다. 제목·본문·검색 설명은 별도 입력 항목이므로 한 곳이 맞는다는 이유로 나머지도 맞다고 추정하지 않습니다.

3. 전체 치환 전에 의도부터 나누기

문서 전체의 문자 참조를 무조건 풀지 말고, 독자에게 보여 줄 문장과 코드 예시를 구분하세요. 코드 설명 글에서 &를 보이게 쓴 부분은 오히려 남겨야 할 수 있습니다. 반대로 일반 문장의 이중 변환은 해당 문맥에서 바로잡아야 합니다.

검수 메모는 “원래 의도 / 저장 원문 / 실제 표시 / 수정한 항목” 네 칸으로 남길 수 있습니다. 원문을 보존한 뒤 작은 부분을 수정하고 미리보기를 다시 읽으면, 한 번의 전체 치환으로 예시나 태그 의미까지 바꾸는 일을 줄일 수 있습니다.

AI 초안이 읽기 좋아 보이더라도 입력 모드와 저장 결과를 대신 확인해 주지는 않습니다. 공개 화면에서 특수문자, 링크 문구, 검색 설명을 각각 살펴보고 원하지 않은 문자열이 남았는지 확인하세요.

4. 자주 묻는 질문

화면에 &가 있으면 항상 오류인가요?

문자 참조를 설명하는 코드 예시라면 의도한 표시일 수 있습니다. 문맥과 목적을 먼저 확인하세요.

HTML 원문에 &를 쓰면 화면도 똑같나요?

HTML 텍스트로 해석되는 일반적인 경우에는 &로 표시됩니다. 일반 텍스트 입력창은 별도로 확인해야 합니다.

한 번에 모두 치환하면 빠르지 않나요?

코드 예시와 실제 문장의 목적이 다르므로 원문을 보존하고 해당 부분의 의도와 결과를 대조하는 편이 좋습니다.

HTML 표준의 amp·lt·gt 문자 참조 확인(영어)

출처: WHATWG HTML Living Standard, Named character references. 확인일: 2026년 10월 12일.

대표 삽화는 AI로 제작했으며 본문 설명 도표는 직접 구성했습니다.