frends meetup 2013.07

98
about.me/nanhapark 13년 7월 7일 일요일

Upload: nanha-park

Post on 24-May-2015

6.119 views

Category:

Technology


0 download

DESCRIPTION

1. Websocket Service Nodeman 제작기 2. 개인 프로젝트의 중요성

TRANSCRIPT

Page 1: Frends meetup 2013.07

about.me/nanhapark

13년 7월 7일 일요일

Page 2: Frends meetup 2013.07

13년 7월 7일 일요일

Page 3: Frends meetup 2013.07

Fun����������� ������������������  을����������� ������������������  중시한����������� ������������������  Websocket����������� ������������������  service개인 프로젝트의 중요성에 대해....

13년 7월 7일 일요일

Page 4: Frends meetup 2013.07

목차• websocket demos #1

• 개인 프로젝트의 중요성

• 어떻게 아이디어가 떠올랐나?

• 개인 프로젝트의 기획

• 테크트리• websocket demos #2

13년 7월 7일 일요일

Page 5: Frends meetup 2013.07

13년 7월 7일 일요일

Page 6: Frends meetup 2013.07

Websocket����������� ������������������  Demos����������� ������������������  #1

13년 7월 7일 일요일

Page 7: Frends meetup 2013.07

LG����������� ������������������  U����������� ������������������  PLus����������� ������������������  미러콜

13년 7월 7일 일요일

Page 8: Frends meetup 2013.07

LG����������� ������������������  U����������� ������������������  PLus����������� ������������������  미러콜

13년 7월 7일 일요일

Page 9: Frends meetup 2013.07

Play����������� ������������������  audio

13년 7월 7일 일요일

Page 10: Frends meetup 2013.07

Play����������� ������������������  audio

13년 7월 7일 일요일

Page 11: Frends meetup 2013.07

Play����������� ������������������  audio

13년 7월 7일 일요일

Page 12: Frends meetup 2013.07

Play����������� ������������������  audio

13년 7월 7일 일요일

Page 13: Frends meetup 2013.07

Play����������� ������������������  in����������� ������������������  Production

13년 7월 7일 일요일

Page 14: Frends meetup 2013.07

Play����������� ������������������  in����������� ������������������  ProductionSheath����������� ������������������  (Backend����������� ������������������  Chef����������� ������������������  Control����������� ������������������  System)

13년 7월 7일 일요일

Page 15: Frends meetup 2013.07

Play����������� ������������������  in����������� ������������������  ProductionSheath����������� ������������������  (Backend����������� ������������������  Chef����������� ������������������  Control����������� ������������������  System)

13년 7월 7일 일요일

Page 16: Frends meetup 2013.07

개인 프로젝트의 중요성

13년 7월 7일 일요일

Page 17: Frends meetup 2013.07

왜 해야하나?

• challenge (test myself)

• exit localhost

• resume

13년 7월 7일 일요일

Page 18: Frends meetup 2013.07

왜 해야하나?

• challenge (test myself)

• exit localhost

• resume

13년 7월 7일 일요일

Page 19: Frends meetup 2013.07

왜 해야하나?

• challenge (test myself)

• exit localhost

• resume

13년 7월 7일 일요일

Page 20: Frends meetup 2013.07

언제 시작할까?

13년 7월 7일 일요일

Page 21: Frends meetup 2013.07

언제 시작할까?

13년 7월 7일 일요일

Page 22: Frends meetup 2013.07

언제 시작할까?

13년 7월 7일 일요일

Page 23: Frends meetup 2013.07

언제 시작할까?

13년 7월 7일 일요일

Page 24: Frends meetup 2013.07

언제 시작할까?

13년 7월 7일 일요일

Page 25: Frends meetup 2013.07

언제 시작할까?

13년 7월 7일 일요일

Page 26: Frends meetup 2013.07

어떻게아이디어가 떠올랐나?

13년 7월 7일 일요일

Page 27: Frends meetup 2013.07

HTML5 PPT Framework

봉사심13년 7월 7일 일요일

Page 28: Frends meetup 2013.07

HTML5 PPT Framework

봉사심13년 7월 7일 일요일

Page 29: Frends meetup 2013.07

원격 컨트롤러 프리젠터

13년 7월 7일 일요일

Page 30: Frends meetup 2013.07

원격 컨트롤러 프리젠터

봉사심13년 7월 7일 일요일

Page 31: Frends meetup 2013.07

요약

• 결국 ???? 때문에 시작함

• 나의 호기심

• 나의 봉사심

13년 7월 7일 일요일

Page 32: Frends meetup 2013.07

개인 프로젝트의 기획

simple, fast feedback loop

13년 7월 7일 일요일

Page 33: Frends meetup 2013.07

프리젠터를 대신할 도구

13년 7월 7일 일요일

Page 34: Frends meetup 2013.07

프리젠터를 대신할 도구

13년 7월 7일 일요일

Page 35: Frends meetup 2013.07

PPT Framework

13년 7월 7일 일요일

Page 36: Frends meetup 2013.07

PPT Framework

13년 7월 7일 일요일

Page 37: Frends meetup 2013.07

핸드폰과 브라우져 연결도구?

13년 7월 7일 일요일

Page 38: Frends meetup 2013.07

핸드폰과 브라우져 연결도구?

13년 7월 7일 일요일

Page 39: Frends meetup 2013.07

핸드폰과 브라우져 연결도구?

QRCODE

13년 7월 7일 일요일

Page 40: Frends meetup 2013.07

Plugin

no dependecy13년 7월 7일 일요일

Page 41: Frends meetup 2013.07

Plugin

no dependecy13년 7월 7일 일요일

Page 42: Frends meetup 2013.07

13년 7월 7일 일요일

Page 43: Frends meetup 2013.07

13년 7월 7일 일요일

Page 44: Frends meetup 2013.07

13년 7월 7일 일요일

Page 45: Frends meetup 2013.07

13년 7월 7일 일요일

Page 46: Frends meetup 2013.07

13년 7월 7일 일요일

Page 47: Frends meetup 2013.07

13년 7월 7일 일요일

Page 48: Frends meetup 2013.07

Diagram

13년 7월 7일 일요일

Page 49: Frends meetup 2013.07

Diagram

Browser

13년 7월 7일 일요일

Page 50: Frends meetup 2013.07

Diagram

ServerBrowser

13년 7월 7일 일요일

Page 51: Frends meetup 2013.07

Diagram

ServerBrowser

bookmarklet1

13년 7월 7일 일요일

Page 52: Frends meetup 2013.07

Diagram

ServerBrowser

bookmarklet1

2

13년 7월 7일 일요일

Page 53: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

13년 7월 7일 일요일

Page 54: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

4

13년 7월 7일 일요일

Page 55: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

4

13년 7월 7일 일요일

Page 56: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

4

5

13년 7월 7일 일요일

Page 57: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

4

6

5

13년 7월 7일 일요일

Page 58: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

4

6

5

13년 7월 7일 일요일

Page 59: Frends meetup 2013.07

Diagram

ServerBrowser

SessID

bookmarklet1

2

3

4

6

5

713년 7월 7일 일요일

Page 60: Frends meetup 2013.07

테크트리

13년 7월 7일 일요일

Page 61: Frends meetup 2013.07

기술 / 도구를 찾아서

• Node.js

• Socket.io

• Qrcode

• Bookmarklet

13년 7월 7일 일요일

Page 62: Frends meetup 2013.07

Node.js

• server-side Javascript runtime

• JavaScript 알면 누구나 접근 가능함

• 의문나는건 nodeqa.com 과 함께 :-)

13년 7월 7일 일요일

Page 63: Frends meetup 2013.07

socket.io

13년 7월 7일 일요일

Page 64: Frends meetup 2013.07

socket.io

13년 7월 7일 일요일

Page 65: Frends meetup 2013.07

socket.io

13년 7월 7일 일요일

Page 66: Frends meetup 2013.07

socket.io

13년 7월 7일 일요일

Page 67: Frends meetup 2013.07

13년 7월 7일 일요일

Page 68: Frends meetup 2013.07

13년 7월 7일 일요일

Page 69: Frends meetup 2013.07

Sensors

13년 7월 7일 일요일

Page 70: Frends meetup 2013.07

Core

Sensors

13년 7월 7일 일요일

Page 71: Frends meetup 2013.07

Core

Expression

Sensors

13년 7월 7일 일요일

Page 72: Frends meetup 2013.07

Sensor

13년 7월 7일 일요일

Page 73: Frends meetup 2013.07

Sensor

<script����������� ������������������  src="//socket.io/socket.io.js"></script>

13년 7월 7일 일요일

Page 74: Frends meetup 2013.07

Sensor

<script����������� ������������������  src="//socket.io/socket.io.js"></script>

<script>

����������� ������������������  ����������� ������������������  var����������� ������������������  h����������� ������������������  =����������� ������������������  'http://socket.io_server:port',

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S����������� ������������������  =����������� ������������������  io.connect(h);

13년 7월 7일 일요일

Page 75: Frends meetup 2013.07

Sensor

<script����������� ������������������  src="//socket.io/socket.io.js"></script>

<script>

����������� ������������������  ����������� ������������������  var����������� ������������������  h����������� ������������������  =����������� ������������������  'http://socket.io_server:port',

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S����������� ������������������  =����������� ������������������  io.connect(h);

����������� ������������������  ����������� ������������������  $(document.body).click(function(e)����������� ������������������  {

����������� ������������������  ����������� ������������������  });

</script>

13년 7월 7일 일요일

Page 76: Frends meetup 2013.07

Sensor

<script����������� ������������������  src="//socket.io/socket.io.js"></script>

<script>

����������� ������������������  ����������� ������������������  var����������� ������������������  h����������� ������������������  =����������� ������������������  'http://socket.io_server:port',

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S����������� ������������������  =����������� ������������������  io.connect(h);

����������� ������������������  ����������� ������������������  $(document.body).click(function(e)����������� ������������������  {

����������� ������������������  ����������� ������������������  });

</script>

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S.send($(e.target).data('action'));

13년 7월 7일 일요일

Page 77: Frends meetup 2013.07

Core

13년 7월 7일 일요일

Page 78: Frends meetup 2013.07

Core

var����������� ������������������  io����������� ������������������  =����������� ������������������  require('socket.io').listen(PORT);

13년 7월 7일 일요일

Page 79: Frends meetup 2013.07

Core

var����������� ������������������  io����������� ������������������  =����������� ������������������  require('socket.io').listen(PORT);

io.sockets.on('connection',����������� ������������������  function(socket)����������� ������������������  {

});

13년 7월 7일 일요일

Page 80: Frends meetup 2013.07

Core

var����������� ������������������  io����������� ������������������  =����������� ������������������  require('socket.io').listen(PORT);

io.sockets.on('connection',����������� ������������������  function(socket)����������� ������������������  {

});

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  socket.on('message',����������� ������������������  function(data)����������� ������������������  {

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  });

13년 7월 7일 일요일

Page 81: Frends meetup 2013.07

Core

var����������� ������������������  io����������� ������������������  =����������� ������������������  require('socket.io').listen(PORT);

io.sockets.on('connection',����������� ������������������  function(socket)����������� ������������������  {

});

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  socket.on('message',����������� ������������������  function(data)����������� ������������������  {

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  });

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  socket.broadcast.send(data);����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  //����������� ������������������  or����������� ������������������  io.sockets.sockets[sessid].send(data);

13년 7월 7일 일요일

Page 82: Frends meetup 2013.07

Expression

13년 7월 7일 일요일

Page 83: Frends meetup 2013.07

Expression

<script����������� ������������������  src="/socket.io/socket.io.js"></script>

13년 7월 7일 일요일

Page 84: Frends meetup 2013.07

<script>

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  var����������� ������������������  h����������� ������������������  =����������� ������������������  'http://socket.io/server:port',����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S����������� ������������������  =����������� ������������������  io.connect(h);

</script>

Expression

<script����������� ������������������  src="/socket.io/socket.io.js"></script>

13년 7월 7일 일요일

Page 85: Frends meetup 2013.07

<script>

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  var����������� ������������������  h����������� ������������������  =����������� ������������������  'http://socket.io/server:port',����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S����������� ������������������  =����������� ������������������  io.connect(h);

</script>

Expression

<script����������� ������������������  src="/socket.io/socket.io.js"></script>

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S.on('message',����������� ������������������  function(data)����������� ������������������  {

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  });

13년 7월 7일 일요일

Page 86: Frends meetup 2013.07

<script>

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  var����������� ������������������  h����������� ������������������  =����������� ������������������  'http://socket.io/server:port',����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S����������� ������������������  =����������� ������������������  io.connect(h);

</script>

Expression

<script����������� ������������������  src="/socket.io/socket.io.js"></script>

����������� ������������������  ����������� ������������������  var����������� ������������������  E����������� ������������������  =����������� ������������������  {����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  left:����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  function()����������� ������������������  {����������� ������������������  ....����������� ������������������  },����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  right:����������� ������������������  ����������� ������������������  ����������� ������������������  function()����������� ������������������  {����������� ������������������  ....����������� ������������������  }����������� ������������������  ����������� ������������������  };

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  S.on('message',����������� ������������������  function(data)����������� ������������������  {

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  });

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  E[data]()

13년 7월 7일 일요일

Page 88: Frends meetup 2013.07

Bookmarklet

It’s a plugin.kick ass

13년 7월 7일 일요일

Page 89: Frends meetup 2013.07

13년 7월 7일 일요일

Page 90: Frends meetup 2013.07

Websocket����������� ������������������  Demos����������� ������������������  #2

13년 7월 7일 일요일

Page 91: Frends meetup 2013.07

Play����������� ������������������  HTML5����������� ������������������  Book

13년 7월 7일 일요일

Page 92: Frends meetup 2013.07

Play����������� ������������������  HTML5����������� ������������������  Book

13년 7월 7일 일요일

Page 94: Frends meetup 2013.07

13년 7월 7일 일요일

Page 95: Frends meetup 2013.07

Process.exit(0)

13년 7월 7일 일요일

Page 96: Frends meetup 2013.07

Process.exit(0)나는����������� ������������������  어제의����������� ������������������  나보다����������� ������������������  지식이����������� ������������������  많고,

13년 7월 7일 일요일

Page 97: Frends meetup 2013.07

Process.exit(0)나는����������� ������������������  어제의����������� ������������������  나보다����������� ������������������  지식이����������� ������������������  많고,

내일의����������� ������������������  나보다����������� ������������������  하루가����������� ������������������  젊다.

13년 7월 7일 일요일

Page 98: Frends meetup 2013.07

Process.exit(0)나는����������� ������������������  어제의����������� ������������������  나보다����������� ������������������  지식이����������� ������������������  많고,

내일의����������� ������������������  나보다����������� ������������������  하루가����������� ������������������  젊다.

멋진����������� ������������������  열정으로����������� ������������������  오늘����������� ������������������  하루를����������� ������������������  만들어가세요!

twitter:����������� ������������������  @nanhapark

www.nodeqa.com

13년 7월 7일 일요일