배경
특정 회사의 부족한 기능을 개선해 보는 프로젝트를 하고 있는데
그 회사의 부족한 부분을 녹화해야 될 필요성을 느꼈습니다.
회사명과 정보들을 노출하면 문제가 될 것 같았습니다.
해결
document.querySelectorAll('*').forEach(el => {
if (el.children.length === 0 && el.textContent.trim() !== '') {
const originalText = el.textContent.trim();
const lorem = 'Lorem ipsum dolor sit amet consectetur adipiscing elit'.repeat(10); // 긴 Lorem Ipsum 준비
el.textContent = lorem.slice(0, originalText.length); // 기존 텍스트 길이에 맞게 자르기
}
});
해당 페이지의 있는 글들을 모두 해당 스크립트를 통해 Lorem Ipsum로 바꿨서 녹화했습니다.
Lorem Ipsum란 라틴어에서 유래한 더미 텍스트로, 의미 없는 문장들로 구성되어 있습니다.
사용법
크롬에서 F12를 누른 뒤
위의 스크립트를 console에 붙여 넣어주면 됩니다.
'기록' 카테고리의 다른 글
녹화 프로그램 추천 (0) | 2025.04.12 |
---|---|
녹화해서 github에 gif 넣기 (0) | 2025.04.01 |
피그마로 커스텀 SVG 아이콘 생성하기 (0) | 2025.03.25 |
코드 이쁘게 보이게 만드는 사이트 (0) | 2025.03.10 |
cursor ide 실행 오류 (0) | 2025.02.27 |