Mobile Convergence

이복영 강사님의 Node.js 와 MongoDB 주말강좌부분을 들으며 요약하기 

• 가입 : 페이스북 프론티어 그룹

• 에크마스크립트 : ECMAScript 6 로 가고 있다. 
• 표준언어 : 자바스크립트 통일 = Presentation (Backbone.js or 앵귤러) + Application Tier(Node.js + Express.js) + Database(MongoDB + mongoos.js)
  
  
  
• 자바스크립트를 크롬에서 간단히 테스트 해보기 : 크롬에서 F12에서 console 선택하여 자바스크립트 코드 넣고 Enter
• 각 Tier별 MVC Fraemwork = Presentation (BackBone.js) + Appllcation(Express.js) + MongoDB(Mongoos.js)
• MongoDB 와 함께 Redis를 사용 : 이때는 mongoose를 사용한다 
• 윈도우에서 Node.js 개발시 : Microsoft제공 webmatrix tool로 개발 - MVC 코딩이 쉽다  

▶ Web 역사

• Polling Service (Request + Response) = internet polling (ajax : client side), long polling (web api : server side)
  content delivery service (webserver 기술) = document base operation  -> Compile 기술
• 제 1세 web : static web - IBM Host 기술 
• 제 2세 web : dynamic web - C/S PC 기술
• bi-direction Service (websocket) = data (json) delivery service = stream task operation( = functional operation) 
  -> Service 기술 (공식 전용 언어 : JavaScript -> ECMAScript 6)
• 제 3세 web : social network web service - Smart Device 기술 (Virtual Host)

• Task Base Operation = workflow (사람 + 정보 + 프로세스) -> Activity 단위 (스마트폰을 통해 구현되고 있다)
• 객체 {key, value} 에서 key = property 이고 { {k,v}, {k,v} } 에서 {k,v} 를 attribute라고 한다. 이를 가지고 functional 프로그램을 한다 
• Presentation 자바스크립트의 코딩 이동방향
• getElementByID : javascript 직접 핸들링
• jQuery : MVVM의 Knockout.js 사용, 물리적 뷰 사용
• Undersocre.js (4kbytes) : functional 코딩, 논리적 뷰 사용, {k,v} 같은 그룹객체를 다룬다 (ORM) 
• BackBone.js : 논리적 뷰 사용 (모바일 통해 다운로드 받는 세상)
• Ria -> WebApp -> Smart UI (?)
• Node.js와 MongoDB의 조상은 Underscore.js 이다
• Functional Operation = Execution 밖에 없다. 크기는 4 Kbytes 이다. 
• 1,2 세대의 기술과 3 세대 기술을 mix 하지 말고, 비교하지 말라

Sublime Text 2를 설치하고 한글 문서를 열어 보면 깨져 나온다. 우선 인코딩이 안맞는 것인데 그럴경우 플러그 하나 설치하자. 

• 우선 Install Package 설치하자 
• 제공하는 플러그인 : EncodingHelper
• Install Package (ctrl+shift+p)에서 EncodingHelper 나오면 설치를 한다 
• 설치후 sublime text에서 
• edit menu 선택
• 맨 하단 convert to UTF-8 from Encoding 선택
• 맨 위 Complete List Sorted 선택
• 위에서 7번째 EUC KR 선택

운영중에 Free Memory size가 부족하다고 하여 top 명령어로 살펴보았다. 

  - Mem: 60,012 free 로 나온 것을 보아 헉 현재 60Mbytes 밖에 여유가 없다니! 과연 그럴까?

  - Linux의 경우 real free = free + cached of Swap 로 봐야 한다. 

<참고>

  - 리눅스 메모리 관리

Gist를 GitHub이 운영하는 코드 Snippet을 관리할 수 있는 서비스이다. 이와 비슷하게 jsFiddle.net 에서도 html/css/javascript를 저장하고 테스트까지 해볼 수 있다. 

• gist를 sublime text에 연동 설정 하기 : ctrl + shift + p -> gist -> description 입력 -> 파일명 입력
• sublime text 사용 동영상 : 다른 사람의 코드 조각을 Fork하여 My Gist에서 볼 수 있고 Sublime Text로 열어 볼 수 있다
• jsfiddle 에서 볼 수 있는 소스를 gist에 저장하기 (gist 소스 -> jsfiddle 보기)

예전 한 서버안에서 대량으로 들어오는 데이터처리를 위하여 Multi-Thread 기반 Queuing을 통하여 막힘없는 서비스를 구현했었다. 하지만 점점더 많은 데이터가 들어올 경우 Scale out을 하려면 결국 어떻게 해야 할까? 서로 다른 Stack에 있는 것들 예로 웹서버와 데이터베이스 사이, 또는 WAS와 데이터베이스사이에 Queue를 두고 사용하면 어떨까 생각해 볼 수 있다. 

• A<->B 사이에 데이터량은 많으나 느린 성능이 예상될 경우
• A는 계속 막힘없이 다음 C를 호출해야 할 경우
• 정기적인 통계정보 생성 및 레포트 생성 배치 Job도 괜찮을 듯 하다. 

GearMan은 Queue를 하여 요청을 처리하는 Job Server이다. Scale Out을 고려하여 여러대의 서버를 운영하여 Job을 수행해야 한다면 좋은 대안으로 보인다. 

• GearMan 1분내에 이해하기
• Tumblr 아키텍쳐안의 GearMan
• GearMan 구성 예
• Node.js에서 사용하기

> 파란색의 Client와 Worker만 API를 사용하여 간단히 작성하면 된다. 다양한 언어에 대하여 지원한다

> Client 코드 : 함수를 문자 리터럴로 전송

> Worker 코드 : 함수를 문자 리터럴로 전송 

> 호출 흐름도 

> 구성 예시 : High Availibility와 Fault Tolerance의 분산 환경의 구성이 가능하다