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 진행하는것도 남았습니다.

RequireJS를 사용하여 MVC App 만들기

RequireJS : http://requirejs.org/

원문 : http://verekia.com/requirejs/build-simple-client-side-mvc-app-require-js

한글 : http://zziuni.pe.kr/zziuni/587

RequireJS는 

간단하게 한문장으로 설명하자면 "모듈화와 동적 로딩을 지원하는 프레임웍"입니다.

여기에서 모둘화와 동적 로딩은 왜 이슈가 되는 것일까?

1. 모듈화
   
• - 문제점

1. .서로 호환되는 표준 라이브러리가 없다.
2. .데이터베이스에 연결할 수 있는 표준 인터페이스가 없다. - Server side
3. .다른 모듈을 삽입하는 표준적인 방법이 없다.
4. .코드를 패키징해서 배포하고 설치하는 방법이 필요하다.
5. .의존성 문제까지 해결하는 공통 패키지 모듈 저장소가 필요하다.
   
   
• - 해결책은?  -> 모듈화가 답

1. 동적로딩
• - 문제점
1. 하나의 HTML 파일에서 용량이 많고 여러가지 Library를 로딩 하는 시간이 많이 갈려 최초 실행 진입이 늦다.
   
   
• - 해결책
1. 동적으로 필요한 js파일을 로딩하여 최초 실행 진입을 빠르게 한다.
   위 방법은 IE 옛날 버전에서는 상당한 속도 향상을 기대할 수 있지만 최신 브라우저에서는 성능 향상 별로 없다.

위 문제점을 해결하기 위하여 RequireJS 프레임웍이 개발되었다.

그렇지만 RequireJS는 다른 많은 기능들을 함께 제공하고 있다.

(이 기능들에 대해서는 차차 알아 가도록 하겠다.)

RequireJS 링크 : http://requirejs.org/

----------------------------------------------------------------------------------------

위 사항은 RequireJS를 살펴 보면서 개인적으로 알아보고 느꼈던 사항에 대해서 한정됨을 알려 드리며 보다 자세한 사항을 알아 보려면 밑의 "자세한 링크"를 따라가 보시면 보다 많고 정확한 정보를 알 수 있을 것입니다.

자세한 링크

- http://helloworld.naver.com/helloworld/12864