console.log - 개발자도구 콘솔 창에 안보이게 하기

---

브라우저에서 콘솔로그 안찍히게 하기 

---

안녕하세요. 

고코더 입니다.

요즘 크롬의 개발자 도구의 편리함으로

alert 로 더이상 로그를 찍어보지 않고

console.log 를 많이 사용 하고 게십니다.

그런데 중요한건 실서버에 올릴 때

사용자들에게는 log를 제공하고 싶지 않아서

다 지우고 올리시고 계시죠.

그럴 필요 없이 아래 코드를 한번 웹에서 실행 해보시면

편리한 방법을 만나실 수 있습니다.

▼해당 코드를 웹에서 실행해 보세요 

<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    <!--
    var logger = function() {
        var oldConsoleLog = null;
        var pub = {};
        pub.enableLogger = function enableLogger() {
            if (oldConsoleLog == null)
                return;
            window['console']['log'] = oldConsoleLog;
        };
        pub.disableLogger = function disableLogger() {
            oldConsoleLog = console.log;
            window['console']['log'] = function() {};
        };
        return pub;
    }();
 
    $(document).ready(
        function() {
            console.log('콘솔 로그가 찍힌다.');
            logger.disableLogger();
            console.log('콘솔 로그가 블락 처리 됐다 ');
            logger.enableLogger();
            console.log('콘솔 로그가 다시 찍힌다.');
        }
    );
    //-->
</script>

▼ 파일을 다운로드 하셔도 좋습니다.

gocoder_console_disable.html

▼ 아래처럼 가운데 log 전에 

disableLogger();  : 선언 하면 해당 log는 보이지 않습니다. 

enableLogger() ; 선언 하면 log는 다시 보이고 있습니다. 

가볍게 개발 완료 이후 에는

상단에 한줄 추가하여서 

log를 방어 할 수 있겠네요

참고사이트 : https://stackoverflow.com/questions/1215392/how-to-quickly-and-conveniently-disable-all-console-log-statements-in-my-code/6076286

---

마무리

---

console.log 찾기 relace all 하던 내가 밉다.