웹 개발을 하다 보면 브라우저 콘솔에 수많은 명령어 실행 결과와 로그가 쌓여 화면이 복잡해지는 경우가 자주 있습니다. 이럴 때 콘솔을 깔끔하게 정리하면 디버깅 효율이 크게 향상됩니다. Chrome에서는 다양한 방법으로 JavaScript 콘솔을 빠르게 지울 수 있으며, 상황에 맞는 방법을 선택해 사용하면 됩니다.
1. console.clear() 메서드 사용
콘솔에 직접 console.clear()를 입력하고 실행하면 현재 출력된 모든 로그와 기록이 삭제됩니다. 이 방법의 특징은 콘솔이 지워진 후 "Console was cleared"라는 메시지가 표시된다는 점입니다. 코드 내부에 이 메서드를 삽입해두면 특정 시점 이후의 로그만 확인할 수 있어 유용합니다.
2. 단축키 Ctrl + L 사용
Windows 및 Linux 환경에서는 개발자 도구 콘솔이 활성화된 상태에서 Ctrl + L 키를 누르면 즉시 콘솔이 지워집니다. 마우스를 사용하지 않고도 빠르게 화면을 정리할 수 있어 가장 널리 사용되는 방법 중 하나입니다.
3. 로그 지우기 버튼 클릭
Chrome DevTools 콘솔 패널의 왼쪽 상단에 위치한 로그 지우기(Clear console) 아이콘 버튼을 클릭하는 방법도 있습니다. 단축키가 익숙하지 않거나 마우스 조작을 선호하는 사용자에게 적합하며, 버튼 위치를 한 번 익혀두면 언제든 손쉽게 사용할 수 있습니다.
4. MacOS에서 Command + K 사용
MacOS 사용자라면 Command + K 단축키로 콘솔을 지울 수 있습니다. Windows의 Ctrl + L과 동일한 역할을 하며, Mac 환경에서 가장 빠른 콘솔 정리 방법입니다.
마무리
이처럼 Chrome에서는 메서드 호출, 키보드 단축키, UI 버튼 등 다양한 방식으로 콘솔을 지울 수 있습니다. 개발 환경과 작업 스타일에 맞는 방법을 익혀두면 반복적인 디버깅 작업을 더욱 효율적으로 처리할 수 있습니다.