http://docs-ko.meteor.com/


http://dogfeet.github.com/articles/2012/meteor-for-windows.html


http://dogfeet.github.com/articles/2012/meteor-docs-ko.html

https://github.com/defunkt/jquery-pjax



http://rkjun.wordpress.com/2012/05/29/ajax-%EC%99%80-hashbang-%EA%B7%B8%EB%A6%AC%EA%B3%A0-pjax/

BGM으로 사용하면 좋을 잔잔한 Pop














http://soundcheckdemo.wordpress.com/2012/05/07/1-the-music-vol-1/

에서 퍼옴.



미리 듣기 1분 정도만 제공하는 파일입니다.

'Music' 카테고리의 다른 글

비오는 거리를 걸었어 - 서영은  (0) 2012.12.02
그대는 어디에 - 임재범  (0) 2012.12.02
버스커 버스커 - 꽃송이가  (0) 2012.11.13
버스커 버스커 - 여수 밤바다  (0) 2012.11.13
이문세 - 광화문 연가  (0) 2012.11.13

Node.js를 멀티 코어에서 동작하도록 해주는 방법에 대해서 소개하도록 하겠습니다.

 

http://learnboost.github.com/cluster/ - Github Home

http://learnboost.github.com/cluster/docs/api.html - API Document

https://github.com/learnboost/cluster - Github Source

 

 

# npm install cluster

 

 

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

server.js 파일

var http = require('http');

var server = http.createServer(function(req, res){
    res.writeHead(200);
    res.end('Hello World');
});

// 서버 시작
if (module === require.main)
    server.listen(4500);
else
    module.exports  = server;

console.log('listen on port 4500');

 

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

cluster.js 파일

var cluster = require('cluster');
cluster('server')
    .use(cluster.repl('/var/run/cluster.sock'))
    .listen(4500);

 

 

node cluster.js – node.js 시작

listen on port 4500

listen on port 4500

listen on port 4500

listen on port 4500

listen on port 4500

listen on port 4500

listen on port 4500

listen on port 4500

 

# telnet /var/run/cluster.sock

cluster> help()

Commands

help(): Display help information

spawn(n): Spawn one or more additional workers

pids(): Output process ids

kill(id, signal): Send signal or SIGTERM to the given worker

shutdown(): Gracefully shutdown server

stop(): Hard shutdown

restart(): Gracefully restart all workers

echo(msg): echo the given message

stats(): Display server statistics

 

cluster> pids()

master: xxxxx

worker #0: xxxxx

worker #1: xxxxx

worker #2: xxxxx

worker #3: xxxxx

worker #4: xxxxx

worker #5: xxxxx

worker #6: xxxxx

worker #7: xxxxx

 

 

다른 예제

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

app.js

var http = require('http');

module.exports = http.createServer(function(req, res){
  console.log('%s %s', req.method, req.url);
  var body = 'Hello World';
  res.writeHead(200, { 'Content-Length': body.length });
  res.end(body);
});

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

server.js

var cluster = require('cluster')
  , app = require('./app');

cluster(app)
  .use(cluster.logger('logs'))
  .use(cluster.stats())
  .use(cluster.pidfiles('pids'))
  .use(cluster.cli())
  .use(cluster.repl(8888))
  .listen(3000);

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

 

 

참고 URL : http://www.screenr.com/X8v Video

WebMatrix에서는 모바일 디바이스 개발을 위한 지원 해주고 있습니다.

현재 지원되는 디바이스는 IPad, IPhone, WindowPhone7, Browser Stack(Cross Browser Test)를 지원하고 있다.

Browser Stack 실행 화면

(Safari, FireFox, IE, Chrome, Opera, Android, iOS, Opera Mobile, Windows XP ~ Windows 8, Max OS 지원)

 

그럼 이제 WebMatrix에 추가해 보도록 하겠습니다.

WebMatrix에서는 아주 쉽게 추가할 수 있도록 되어 있습니다.

실행에서 “새로 추가”를 눌러 줍니다.

원하는 기능을 선택하고 “설치”를 누르면 설치가 완료가 됩니다.

이제 추가가 완료가 되었습니다.

한번 시험을 해보도록 하겠습니다.

 

iPad로 실행한 모습

Orientation을 Portrait로 수정한 모습

(마우스 우 클릭 하여 수정할 수 있습니다.)

 

iPhone 실행 모습입니다.

 

WebMatrix에서 개발 할 때 One Source Multi Platform 지원을 위한 개발을 할 때 편리하게 확인하면서 개발을 진행 할 수 있을 것입니다.

 

도구가 지원하는 편리함을 가지고 최대한 이용할 수 있는 부분은 이용하는 것이 바람직한 자세일 것입니다.

 

감사합니다.

WebMatrix에서 Node.js를 개발 할 때 여러 가지 에디터를 통해서 개발을 할 수 있습니다.

대표적인 툴로서 Sublime Text2, AcroEditor, EditorPlus, …이 많은 사랑을 받고 있습니다.

이제 거기에 더해서 WebMatrix를 더 추가해 소개해 드리고자 합니다.

 

이전 포스트에서 WebMatrix 설치를 진행하였고 Node.js에서 개발시 편리한 이점을 가져다 주는 Intellisense 기능이 있다는 것을 소개해 드리고자 합니다.

 

require에서 intellisense

configure에서 intellisense

Jade Highlight Syntax 지원

Less 지원

EJS 지원

CoffeeScript 지원

 

위와 같이 WebMatrix에서는 다양한 파일들을 지원해 주고 있습니다.

이제 윈도우에서도 NodeJS기반 Meteor Framework을 개발할 수 있습니다.

현재 Meteor Preview 0.5.0 for Windows 버전까지 나와 있는 상태입니다.

(Windows 8에서는 Meteor/bin/iisnode.exe의 실행 모드를 Windows 7 모드로 세팅 해야지만 정상동작을 합니다. – 자세한 사항은 마지막에 설명 드리겠습니다.)

 

Windows용 Meteor 다운로드는

공식 홈페이지 http://www.meteor.com/
윈도우용 다운로드 페이지 http://win.meteor.com/
소스

https://github.com/TomWij/meteor

Meteor StackOverflow

http://stackoverflow.com/questions/tagged/meteor?sort=newest&pagesize=15

Document http://docs.meteor.com/
Document 한글 (현재 0.4.2) http://docs-ko.meteor.com/

 

http://win.meteor.com/ 에서 다운로드 받습니다.

다운로드 받은 파일을 실행하면 위와 같은 상태가 되고 Next를 눌러 설치를 진행하면 됩니다.

 

설치가 완료 되고 나서 Windows 환경 설정을 인식하기 위해 재부팅이 필요 합니다.

(Meteor 명령을 cmd 전역에서 사용할 수 있도록 환경 설정을 설치 파일에서 수정하였다.)

 

이제 설치 후 재 부팅을 하였다면 이제 한번 실행해 보도록 하겠습니다.

 

먼저 Windows 8에서 실행하는 것이라면 아래와 같이 호환 모드를 수정해야 정상 동작을 할 수 있다.

C:\Program Files (x86)\Meteor\bin\node.exe –> 속창 –> 호환성 –> 호환모드 –> Windows 7으로 수정

 

 

cmd(콘솔)을 실행 시키고 D Drive로 이동하겠습니다.

D: <엔터>

md Meteor_Source <엔터>

cd Meteor_Source <엔터>

meteor create MeteorFirst <엔터>

(드라이브와 폴더명은 임의로 수정을 하셔도 됩니다.)

여기까지 정상적으로 실행이 되었다면 이제 서비스를 할 수 있는 준비는 모두 준비가 된 것입니다.

 

이제 서비스를 실행해 보도록 하겠습니다.

cd MeteorFirst <엔터>

meteor <엔터> – 서버 실행

 

이제 브라우저에서 http://localhost:3000으로 들어가서 확인해 보겠습니다.

위 그림은 브라우저에서 실행된 모습입니다.

 

이제 정상적으로 세팅이 되었습니다.

 

- 만약 meteor 상태에서 에러가 발생을 한다면 관리자 모드로 cmd를 실행을 해야 합니다.

meteor을 실행시키면 mongo db를 활성화 시키며 이때 관리자 권한이 필요 한 것입니다.

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


'Javascript' 카테고리의 다른 글

[Javascript Pattern] 자바스크립트 패턴 개론 #1  (0) 2013.01.31
AngularJS SF Meetup : Angular UI  (0) 2012.12.02
javascript link  (0) 2012.11.09
RequireJS Optimizer  (0) 2012.11.09
RequireJS를 사용하여 MVC App 만들기  (0) 2012.11.09

미국의 게임 개발사에서 사용하고 있는 신입사원 안내서로 SNS에 공개가 되어 화제가 되고 있는 문서입니다.


회사에 대한 첫 인상을 신입사원들에게 어떻게 각인 시키고 고무시켜 개인과 회사에 어떻게 발전적인 방향으로 유도하는지에 대한 모범적인 사례라고 생각하여 공유 합니다.




http://www.inven.co.kr/webzine/news/?news=46447 - 소개 뉴스




'기타' 카테고리의 다른 글

Big Data - 한장의 그림으로 나타내는 빅 데이타  (0) 2013.04.01
모두가 원하는 개발자 되기 10단계  (0) 2013.03.20
귀요미 송.  (0) 2013.03.11
Techdays  (0) 2013.03.04
삶의 지혜 28가지  (0) 2012.11.16

이번에는 WebMatrix에서 NPM을 사용할 수 있도록 세팅하도록 하겠습니다.

우선 WebMatrix를 실행하고 Node관련 사이트를 열거나 새로 만듭니다.

Node.js 템플릿으로 새로 만들기를 눌러 시작해 보도록 하겠습니다.

 

이제 WebMatrix를 실행하면 위와 같이 “확장” 리본 아이콘이 보입니다.

클릭하여 실행시킵니다.

 

그러면 위와 같이 확장 갤러리에서 NPM Gallery를 찾아 선택하고 “설치” 버튼을 누릅니다.

 

NPM 갤러리 리본 아이콘을 클릭하면

 

이와 같이 검색 다이얼로그가 나오고 검색 및 선택하여 Module을 추가할 수 있습니다.

+ Recent posts