공인 IP Address 확인 방법

Tip 2015. 6. 15. 00:15

 외부서버설정이나 방화벽 설정시 내부망 IP Address가 아닌 Public IP Address정보를 알고 싶을때가 있다.

 이때 간단히 자신의 PC의 Public IP Address를 알 수 있는 사이트를 소개한다.


  • What is My IP


  • IPCONFIG
    • http://ipconfig.kr/
    • 위의 사이트에 접속하면 다음과 같이 현재 공인 IP 주소를 확인 할 수 있다.


 그외 다른 서비스업체도 있지만 광고가 많아 필요에 따라 찾아 쓰면 좋을 것 같다.


저작자표시

'Tip' 카테고리의 다른 글

[Github] Tips  (0) 2015.08.26
HDMI 에서 영상만 출력하고, Audio 는 기본 스피커 출력을 사용하고 싶을 경우  (0) 2015.06.15
[SourceCleanUp] 소스 코드 포멧팅 툴  (0) 2014.10.13
[NLOC] 소스 라인 분석툴  (0) 2013.08.06
대용량의 더미 파일 생성하기  (1) 2013.08.05
Posted by leechwin
,

Asynchronous Module Definition (AMD)

Web 2015. 2. 27. 21:13

JavaScript 모듈화 및 Lazy Loading 으로 쓰이는 기술, AMD에 대해 간단히 알아보자


동적로딩(Dynamic Loading, Lazy Loading)

  • HTML 파일 로딩시에 <script> 태그내의 내용이 모두 로딩되기전까지 html 이 파싱되지 않고 기다리고 있어서 페이지의 랜더링이 늦어진다.
    • 꼼수로 <body> 태그의 마지막에 <script> 태그를 배치하여 UI 랜더링이후 <script> 내용을 읽는 방법이 있다.
  • 동적로딩은 필요할 경우에만 <script> 내용을 동적으로 로딩하는 방법으로, Eclipse 의 plug-in 시스템과 비슷한 맥락의 방법이다.
    • 동적로딩은 여러 방법이 있지만 <script> 태그를 동적으로 만들어서 헤더태그의 제일 마지막에 삽입하는 방법이 많이 쓰인다.
  • 예제
    • <!-- index.html --!>
<html>
 <head>
        <title>Test</title>
        <script src="js/main.js"></script>
    </head>
    <body>
        <button onclick="test()">Lazy Loading</button>
    </body>
</html>

    • // main.js
function test() {
    var scriptElement = document.createElement('script');
    scriptElement.type = 'text/javascript';
    scriptElement.src = 'js/lazy.js';
    scriptElement.onload = function(script) {
        console.log('script lodaed!');
    };
    document.getElementsByTagName('head')[0].appendChild(scriptElement);
}

    • // lazy.js
function lazy() {
    alert('lazy');
}
    • 실행결과
      • Lazy Loading 버튼을 클릭하기 전에는 lazy.js 가 로딩되지 않았지만, 버튼을 클릭하면 lazy.js 가 로딩이된다.


History

  • JavaScript 모듈화에 대한 명세를 정의하는 표준화 정의 그룹으로 CommonJS 그룹이 있고, 여기서 신설된 AMD 라는 그룹이 새로 생김
  • JavaScript 모듈화의 목표
    • 모듈화
      • 외부에서 쉽게 사용가능
    • Lazy Loading
      • 필요할때에 로딩 가능
    • JavaScript 에 대한 모듈정의 
      • 스코프(Scope): 모든 모듈은 자신만의 독립적인 실행 영역이 있어야 한다.
      • 정의(Definition): 모듈 정의는 exports 객체나 define 함수를 이용
      • 사용(Usage): 모듈 사용은 require 함수를 이용


CommonJS(CJS)

  • http://www.commonjs.org/
  • exports
    • 모듈 정의
  • require()
    • 모듈 사용
  • 예제
    • //--------------------------------------------- 
// test.js
// export 할 모듈 정의
function test(){
    this.first = function(){
        console.log('first');
    }
    this.last = function(){
        console.log('last');
    }
}
// 모듈 export
exports.test = test;

//--------------------------------------------- 
// main.js
var test = require('./test').test;
var module = new test(); 
module.first(); // 'first'
module.last(); // 'last'


AMD

  • https://github.com/amdjs/amdjs-api/blob/master/AMD.md
  • define()
    • 모듈 정의
    • CommonJS 의 exports 와 같은 개념
    • Signature
      • define(
    module_id /*optional*/, 
    [dependencies] /*optional*/, 
    definition function /*function for instantiating the module or object*/
);
    • module_id
      • 모듈 이름
    • dependencies
      • 모듈이 갖는 의존성  모듈(먼저 로드되어야 하는 모듈)의 배열
      • 기술된 모듈은 definition function 의 인자로 순서대로 전달된다.
      • 예제
        • //--------------------------------------------- 
// test.js
// 모듈정의
define([
        'js/jquery.js', // 의존성을 가지는 모듈들을 기술
        'js/my.js'
    ], function(jQuery, my) { // 의존성을 가지는 모듈들이 순서대로 매개변수로 담김
        // 의존 모듈들이 모두 로딩 완료되면 함수를 실행
        function first() {
            console.log('first');
        }
        function last() {
            console.log('last');
        }
        return {
            first: first,
            last: last
        };
    }
);
    • require()
      • 모듈사용
      • 예제
        • //--------------------------------------------- 
// main.js
require([
        'js/test.js'
    ], function(test) {
        test.first(); // 'first'
        test.last();  // 'last'
    }
);


RequiredJS

  • RequireJS implements the AMD API
  • 지원하는 프레임웍
    • Dojo (1.7), MooTools (2.0), Firebug (1.8), jQuery (1.7).
  • Requried JS
    • define과 require의 차이점은?
      • define 은 모듈을 등록하여 export 할 경우 사용
      • require 는 기존 모듈을 사용하여 비지니스 로직을 구성할 경우 사용
        • require 함수에서는 새로운 모듈구현을 return 할수 없다.
      • http://stackoverflow.com/questions/9507606/when-to-use-require-and-when-to-use-define
    • define에서 기술된 모듈이 순서가 중요한 경우(의존성 관계)
      • define 에 기술된 모듈은 asynchronous 하게 병렬적으로 로딩되는데 AMD 를 지원한다면 자체적으로 관련 모듈에 대한 dependecy 에 대한 모듈이 로딩되고 factroy 함수가 실행된다.
      • define 에 기술된 모듈이 AMD 를 지원하지 않고 순서를 갖는 경우, 가령 define dependency 에 jquery ui, jquery 가 순서가 다르게 되있어 로딩순서가 중요한 경우 shim 설정으로 모듈간의 디펜던시를 기술

References

  • GitHub AMD Document
    • https://github.com/amdjs/amdjs-api/blob/master/AMD.md
  • JavaScript 표준을 위한 움직임 CommonJS와 AMD
    • http://helloworld.naver.com/helloworld/textyle/12864
  • RequireJS - AMD의 이해와 개발
    • http://helloworld.naver.com/helloworld/591319
  • Writing Modular JavaScript With AMD, CommonJS & ES Harmony
    • http://addyosmani.com/writing-modular-js/
  • Stackoverflow: Relation between CommonJS, AMD and RequireJS?
    • http://stackoverflow.com/questions/16521471/relation-between-commonjs-amd-and-requirejs
  • AMD: The Definitive Source
    • http://www.sitepen.com/blog/2012/06/25/amd-the-definitive-source/


저작자표시

'Web' 카테고리의 다른 글

[Chrome] Debugging Asynchronous JavaScript  (0) 2015.12.21
Gravatar  (0) 2015.08.26
[WIDLPROC] widl 을 widlprocxml 파일로 변환하기  (0) 2015.01.15
Concurrency Programming of Web  (0) 2014.11.27
[Chrome] Your profile could not be opened correctly  (0) 2014.10.24
Posted by leechwin
,

[Node.js][Winston][Jsnlog] Node.js log module

Node.js 2015. 2. 15. 18:23

node.js 에서 log 를 관리하는 여러 모듈이 있는데 그중 범용적으로 많이 쓰이는 winston 과 jsnlog 모듈에 대해 소개한다.


Winston 은 nodejs의 server-side 에서 많이 사용하는 로그모듈이다.

  • Multiple transports 라는 개념으로 로그를 레벨별로 다양하게 분리하거나 Console출력, 파일이나 DB에 저장, Remote(Http) 전송등의 기능을 제공한다.
var logger = new (winston.Logger)({
  transports: [
    new (winston.transports.File)({
      name: 'info-file',
      filename: 'filelog-info.log',
      level: 'info'
    }),
    new (winston.transports.File)({
      name: 'error-file',
      filename: 'filelog-error.log',
      level: 'error'
    })
  ]
});

Jsnlog 는 Client의 로그를 Server에 전달하여 Server에서 Server와 Client의 로그를 모두 관리 할 수 있는 기능을 제공한다.

  • C#, PHP, Nodejs 서버와 연동가능
  • Client 로그를 AJAX를 이용하로 서버로 전송가능
  • Winston의 Transport 모듈과 연동가능
    • Server Side(app.js)
    • var winston = require('winston');
var JL = require('jsnlog').JL;
 var consoleAppender = new (winston.transports.Console)();
var fileAppender = new winston.transports.File({ json: false, filename: 'filelog.log' });
JL().setOptions({ appenders: [ consoleAppender, fileAppender ] });
    • Client Side(logger.js)
    • var ajaxAppender = JL.createAjaxAppender('ajaxAppender');
var consoleAppender = JL.createConsoleAppender('consoleAppender');
JL().setOptions({'appenders': [ajaxAppender, consoleAppender]});
  • API
    • Logger Name
      • Logger 생성시 인자로 Logger의 Name을 줄수 있다.
      • JL("MyLogger").warn("log message");
    • Log Level 지정가능
    • LOG
      • log(level: number, logObject: any): Logger
        • 일반적인 log API와 다르게 첫번째 인자로 level을 숫자로 넣어주어야 한다.
        • Numeric Severities
        • From Named Severity
          To Numeric Severity
          TRACE1000
          DEBUG2000
          INFO3000
          WARN4000
          ERROR5000
          FATAL6000
  • jsnlog-nodejs
    • Client에서 전송한 로그를 파싱하여 서버에 전송하는 모듈


저작자표시

'Node.js' 카테고리의 다른 글

[Heroku] Deploy 된 Hubot 일정시간뒤에 Sleep 되는 현상  (2) 2016.01.12
[Node.js] Ubuntu 에 Node.js 설정하기  (2) 2016.01.07
[Node.js] forever - node.js app 이 죽을경우 자동으로 재실행해주는 모듈  (4) 2015.02.15
[Node.js] supervisor,nodemon - javascript 파일 변경시 node 자동으로 재시작하는 모듈  (0) 2014.06.07
[Node.js] Node.js 프로젝트 Heroku 에 서비스하기  (2) 2013.05.21
Posted by leechwin
,

티스토리툴바