Pragmatic Programmer

HTMl에서 Console, Html Element, jQuery Dialog를 통해 로그 보여주는 모듈을 만들었습니다.

(TypeScript 소스 포함)

예제 파일

javascript_Log.rar

Default.html을 실행하면 실행 화면을 볼 수 있습니다.

실행 화면.

값이 인자에 따라 Html Element, Console, jQuery Dialog로 보여 주도록 했으며

마지막 show()를 호출할 때 보여 주도록 되어 있습니다.

<script>
    $(function () {
        var log = new Af.LogWrite.Log('info', 'htmlTag|console|messageDialog', undefined);    //htmlTag|console|messageDialog
        //var log = new Af.LogWrite.Log('error', 'htmlTag');
        log.write('test #1');
        log.write('test #2');
        log.write('test #3');
                
        log.show();
    });
</script>

내부적으로는 

Factory를 만들어서 Console, Element, Dialog를 사용하는 클래스를 반환하도록 하였습니다.

더 추가하거나 개선해야 하는 부분은

Mode(warning, info, error, ..)에 따른 행동과 서버로 로그 정보를 보내주는 기능을 LogWriter를 상속받아 구현하는 것으로 방향을 잡을 수 있습니다.

그리고 RequireJS를 통해서 동적으로 해당 클래스를 불러 오도록 Refactoring 진행하는것도 남았습니다.