공백 문자 시각화 도구

공백 문자 시각화 도구는 일반 에디터에서 숨겨져 있는 보이지 않는 텍스트 문자들을 시각화하여 포맷팅 문제를 디버깅할 수 있게 해줍니다. 코드 리뷰, YAML 및 TOML 들여쓰기, CSV 정리, Markdown 렌더링 문제, 웹에서 복사한 텍스트, 터미널 로그 등 공백, 탭, 줄 바꿈, 줄 바꿈 없는 공백 또는 제로 너비 문자가 결과에 영향을 미치는 모든 상황에서 특히 유용합니다.

이 도구가 보여주는 것

• 공백: 일반 공백은 · 마커로 나타납니다.
• 탭: 탭 문자는 ⇥ 마커로 나타나며 2, 4, 또는 8 열 너비로 표시할 수 있습니다.
• 줄 바꿈: LF, CRLF 및 CR 줄 바꿈이 별도로 표시되어 크로스 플랫폼 텍스트 문제를 쉽게 찾을 수 있습니다.
• 후행 공백: 줄 끝에 있는 공백, 탭 및 줄 바꿈 없는 공백은 경고로 강조 표시됩니다.
• 유니코드 보이지 않는 문자: NBSP, ZWSP, BOM, 소프트 하이픈, 조이너, 방향 마커 및 기타 서식 문자가 라벨이 지정된 토큰으로 표시됩니다.

주요 용도

• 탭과 공백이 실수로 혼합된 YAML 또는 Python 파일을 디버깅합니다.
• 린팅, 스냅샷, Markdown 또는 엄격한 테스트 픽스처를 깨뜨리는 후행 공백을 찾습니다.
• 웹 페이지, PDF, 스프레드시트 또는 서식 있는 텍스트 에디터에서 복사된 줄 바꿈 없는 공백(NBSP)을 식별합니다.
• 텍스트가 Unix LF, Windows CRLF 또는 이전 스타일의 CR 줄 바꿈을 사용하는지 확인합니다.
• 두 문자열을 동일하게 보이게 하지만 비교 시 다르게 처리되게 만드는 제로 너비 문자를 노출합니다.

예제 및 디버깅 팁

• YAML 오류: 한 리스트 항목이 ⇥로 시작하고 이전 항목이 ··로 시작하는 경우, 파일 유효성 검사 전에 탭을 공백으로 바꾸세요.
• Markdown 주의사항: 강조된 후행 공백이 Markdown에서는 의도된 줄 바꿈일 수 있지만, 실수로 들어간 후행 공백은 불필요한 diff를 생성할 수 있습니다.
• 복사-붙여넣기 불일치: 가시적인 NBSP 토큰은 대개 텍스트가 일반 텍스트 에디터가 아닌 웹 페이지, PDF, 스프레드시트 등에서 가져온 것임을 의미합니다.
• 문자열 비교 버그: ZWSP, BOM 및 방향 마커는 문자열을 동일하게 보이게 하지만 일치 여부 확인, 슬러그 생성 또는 데이터베이스 키 생성에서 실패를 유발할 수 있습니다.
• 크로스 플랫폼 파일: Windows, macOS, Linux 또는 컨테이너 내부에서 동일한 파일을 편집한 후 CRLF와 LF 줄 바꿈이 혼합되는 경우가 많습니다.

사용 방법

1. 코드, YAML, CSV, 로그 라인 또는 서식 있는 텍스트를 텍스트 상자에 붙여넣습니다.
2. 공백, 탭, 줄 바꿈, 유니코드 제어 문자 및 후행 공백 표시 여부를 선택합니다.
3. 공백 시각화를 클릭하여 줄별로 마킹된 뷰를 생성합니다.
4. 경고 횟수, 들여쓰기 줄, 줄 바꿈 방식을 검토하고 마킹된 출력을 복사하여 사용합니다.

자주 묻는 질문 (FAQ)

공백 문자 시각화 도구는 무엇을 보여주나요?

텍스트 에디터나 브라우저에서 보통 보이지 않는 공백, 탭, 줄 바꿈, 캐리지 리턴, 줄 바꿈 없는 공백, 제로 너비 유니코드 문자, 제어 문자, 들여쓰기 및 후행 공백을 보여줍니다.

YAML 들여쓰기 디버깅에 도움이 되나요?

예. YAML은 들여쓰기에 민감합니다. 이 도구는 공백과 탭을 별도로 표시하고, 혼합 들여쓰기 줄을 플래그로 표시하며, 각 줄의 정확한 선행 공백과 탭을 보여줍니다.

후행 공백은 어떻게 찾을 수 있나요?

후행 공백, 탭 및 줄 바꿈 없는 공백은 각 줄의 끝에 강조 표시됩니다. 요약 섹션에서 후행 공백이 포함된 줄 수도 계산합니다.

제로 너비 문자를 감지하나요?

예. 제로 너비 공백, 제로 너비 조이너, 바이트 순서 표시(BOM), 소프트 하이픈, 방향 마커와 같은 일반적인 보이지 않는 유니코드 문자를 코드 포인트 툴팁이 있는 라벨 토큰으로 표시합니다.

붙여넣은 텍스트가 저장되나요?

아니요. 이 도구는 제출된 텍스트를 처리하여 가시적인 공백 뷰를 생성할 뿐이며 콘텐츠를 저장하지 않습니다.