텍스트 하이라이터

장문의 텍스트 본문에서 찾고자 하는 다수의 검색 키워드들을 실시간 탐색하여, 다양한 색상의 형광펜 효과로 입체 강조 표시해 줍니다.

언제 사용하나요?

수백 페이지의 소설 원고나 논문, 긴 약관 문서에서 특정 타깃 단어들이 어디에 몇 번이나 쓰였는지 입체적으로 훑어보고 싶을 때, 혹은 중요한 주제 키워드가 박힌 단락들을 시각적으로 캡처하여 증빙이나 보고서 첨부 이미지 자료로 제작하고 싶을 때 적합합니다.

사용 방법

강조하고 싶은 본문 텍스트 내용을 입력창에 기입합니다.
강조할 키워드 단어들을 기재합니다(여러 개인 경우 쉼표로 쪼개어 입력).
실시간으로 단어별 다른 색상 음영이 적용되어 가독성이 높아진 강조 뷰를 확인합니다.

입력값 안내

플레인 텍스트 본문과 하이라이트 지정을 수행할 여러 개의 조건 키워드 리스트를 입력받습니다.

계산·변환 기준

입력된 키워드 단어 문자열의 정적 기호 이스케이프 처리를 수행한 뒤, 전역(`g`) 및 대소문자 무시(`i`) 옵션을 가산한 정규식 개체 RegExp를 생성합니다. 텍스트를 돌며 매치되는 모든 문자열을 찾아내어 HTML5 마크업 태그인 `<mark style='background-color: ...'>`로 감싸서 시각 가독성 뷰 컴포넌트에 주입 렌더링합니다.

사용 예시

기획서 내 중요 타깃 지표 스캔 - 전체 문서 중 '매출', '점유율' 등 정량 목표 키워드가 서술된 핵심 구간을 빠르게 서칭 확인합니다.
논문 핵심 용어 조밀도 대조 - 학술 아티클 내 주제 핵심어의 등장 빈도와 페이지별 분포 균형을 시각적 패턴으로 가늠합니다.
회의 자료 강조 영역 화면 캡처 - 중점 논의가 필요한 자구를 알록달록 선명하게 마킹하여 화상 회의 프리젠테이션 자료로 활용합니다.

예시

본문 중 '사과, 오렌지' 강조 지정 → 모든 사과는 노란색, 모든 오렌지는 초록색 형광 배경 하이라이트 칠하기

주의사항

입력 텍스트 원본에 섞여 있을 수 있는 HTML 꺽쇠 부호(`<`, `>`) 기호들은, 브라우저가 태그로 오해해 화면 레이아웃이 깨지지 않도록 내부적으로 안전하게 특수 엔티티(HTML Entity) 변환 작업을 선행 수행합니다.

계산·사용 가이드

정규식 전역 오어(OR) 패턴을 활용한 복수 단어 동시 검색 기술

장문 속에서 여러 키워드를 함께 시각 강조하기 위해, 대상 단어셋을 이스케이프한 후 파이프라인(`|`) 기호로 연결한 단일 전역 RegExp를 사용합니다. 본문 전체를 1회만 스캔하여 모든 키워드를 형광 마킹하므로 브라우저 성능 부하를 최소화합니다.

텍스트 렌더링 시 HTML 꺽쇠 부호(<, >) 깨짐 예방 보안 팁

하이라이트 처리를 위해 본문에 HTML 마크업 태그(`<mark>`)를 직접 동적 주입하게 됩니다. 만약 원본 글귀 내에 순수 꺽쇠 부호가 포함되어 있다면 웹 브라우저가 이를 태그로 오해하는 구문 에러를 일으키므로, 사전 엔티티 필터를 먹여 안전성을 구축해야 합니다.

자주 묻는 질문

단어의 일부분만 일치해도 색이 칠해지나요?

예. 부분 일치 검색 필터가 기본 가동되어 '한국' 검색 시 '대한민국' 내의 글자도 탐지하며, 옵션에 따라 단어의 전후 경계가 완전히 격리된 경우만 강조하는 '완전 단어 일치' 모드 설정도 가능합니다.

키워드마다 다른 배경색이 어떻게 입혀지나요?

가시 시인성이 탁월한 파스텔 톤 형광 컬러 세트(Yellow, Green, Blue, Pink, Orange 등)가 키워드 등록 순서에 따라 1:1로 자동 차등 주입되어 직관적인 분별을 돕습니다.