해당 스크립트를 사용하고 녹화한 영상

배경

특정 회사의 부족한 기능을 개선해 보는 프로젝트를 하고 있는데

그 회사의 부족한 부분을 녹화해야 될 필요성을 느꼈습니다.

회사명과 정보들을 노출하면 문제가 될 것 같았습니다. 

 

해결

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

+ Recent posts