HAMA 블로그

https://developer.mozilla.org/ko/docs/Web/JavaScript/Memory_Management 펌 개요C 언어같은 저급 언어는 메모리 관리를 위해 malloc() 과 free()를 사용한다. 반면, 자바스크립트는 무언가가 생성되었을 때(오브젝트나 문자열 등) 메모리를 할당하고 쓸모 없어졌을 때 '자동으로' free 한다. '자동으로' 라는 말에는 혼란의 여지가 있다. 이는 자바스크립트를 포함한 여러 고급 언어 개발자들에게 메모리 관리가 불가능하다는 인상을 준다. 하지만 실상은 그렇지 않다. 메모리 생존주기메모리 생존주기는 프로그래밍 언어와 관계없이 비슷하다.필요할때 할당한다.사용한다. (읽기, 쓰기)필요없어지면 해제한다. 첫 번째 부분과 두 번째 부분은 모든 언어에서 분명..

$(셀렉).each(function(){ //루프돌기}); 이런 구문을 많이 쓴다. 특히나 플러그인 제작시 var public = { fn : function(){ return this.each(function(){ //메소드 }); }//END fn}; 이런식으로 오브젝트 포인터에 대해서 return을 해주는데, 여기서 this와 $(this)의 사용이 매번 헷갈린다.더욱이! public.fn.call(this); 라고 콜을 하는 순간! this에 대한 포인터는 안드로메다로 빠져버린다~~~ 쓩!~ 애매한건 딱 정리해서 적어둬야겠다. 결론은!each 루프 내에서 this의 포인터는 jQuery 오브젝트가 아닌 DOM 오브젝트이다.때문에 each내에서 jQuery의 메소드를 사용하고 싶다면,$(this)로..

순서 1. Vert.x 설치 및 Hello world !! 2. 간단히 Vert.x 다루어보기 3..Vert.x 와 MongoDB 연결 4. 실시간 통신5. 모듈개발 6. 배포 D3 라이브러리를 이용하여 VIEW 를 그릴것이다. (d3 라이브러리 좀 쩐다... 이거가지고 할수있는거 무궁무진할듯 ) http://d3js.org/http://using.tistory.com/56 1. client.js 부터 살펴보자 var eb = new vertx.EventBus(window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/eventbus');eb.onopen = function() { var render..

Visual IndexBox Plots Bubble Chart Bullet Charts Calendar View Non-contiguous Cartogram Chord Diagram Dendrogram Force-Directed Graph Circle Packing Population Pyramid Stacked Bars Streamgraph Sunburst Node-Link Tree Treemap Voronoi Diagram Hierarchical Edge Bundling Voronoi Diagram Symbol Map Parallel Coordinates Scatterplot Matrix Zoomable Pack Layout Hierarchical Bars Epicyclical Gears Collis..

순서 1. Vert.x 설치 및 Hello world !! 2. 간단히 Vert.x 다루어보기 3..Vert.x 와 MongoDB 연결 4. 실시간 통신5. 모듈개발 6. 배포 먼저 MongoDB 를 설치해봅시다. (윈도우에) 1. https://www.mongodb.org/downloads 요기서 MSI 파일 다운로드후 설치 (더블클릭후 ㄱㄱ 씽) 2. 아무데나 폴더하나 만듭니다. ( 예: D:\mongodb\DATA)3. mongod --dbpath d:\mongodb\DATA 치면 DB 가 실행됩니다. 4. mongo 치면 가지고 놀수있게 됩니다. (mongod 는 실행파일 / mongo 는 클라이언트) 1. app.js 를 다음과 같이 바꾸어봅니다.var container = require("ve..

http://www.sitepoint.com/whats-new-in-angularjs-2/ 원문 http://witinweb.tumblr.com/post/114402573107/angularjs-2-0 번역되어진 싸이트 https://www.youtube.com/watch?v=-8P8NO8X-mQ 참고 영상 왜 Angular 2.0인가?Angular 2.0 개발은 다음의 문제를 다루기 시작했습니다:모바일새 버전은 모바일 앱 개발에 초점을 맞출 것입니다. 그 근거는 모바일(성능, 로드 시간 등)에 관련된 이슈들이 해결된 이후에 테스크탑 측면이 다뤄지기 더 쉬울거라는 점입니다.모듈성능 개선의 결과로 다양한 모듈들이 Angular의 핵심에서 제거될 것입니다. 계속 증가하는 Angular의 모듈 생태계에서 여러..

순서 1. Vert.x 설치 및 Hello world !! 2. 간단히 Vert.x 다루어보기 3..Vert.x 와 MongoDB 연결 4. 실시간 통신5. 모듈개발 6. 배포 먼저 다음 글을 읽고 시작하자. 버티클 간의 모든 통신은 이벤트 버스를 통해 이루어진다. 이벤트 버스는 버텍스의 중추 신경계이다. 버티클끼리 직접통신은 불가능하다. 버티클은 이벤트 버스의 주소에 이벤트를 발행해서 다른 버티클에게 메세지를 보내고,이벤트 버스주소에 이벤트르르 받을 핸들러를 등록하여 다른 버티클이 보낸 메세지를 받는다. 이벤트를 누가 주고,누가 받는지 버티클은 모른다. 각 이벤트는 주로 JSON 형식으로 사용된다. 버텍스 이벤트 버스의 3가지 기본 통신패턴 1. 발행/구독 : 한 버티클이 이벤트를 발행하면 등록된 모든..

간단한 웹 어플리케이션을 만들어 보겠습니다. (http://www.yes24.com/24/goods/14562423?scode=032&OzSrank=1 )프런트엔드는 AngularJS 고 서버는 Vert.x 로 ~ 마인드맵 어플리케이션을 만들겁니다. 순서 1. Vert.x 설치 및 Hello world !! 2. 간단히 Vert.x 다루어보기 3..Vert.x 와 MongoDB 연결 4. 실시간 통신5. 모듈개발 6. 배포 1. Vert.x 설치 및 Hello world !! 윈도우 기준 설치 - JAVA 7 버전을 설치합니다.(http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html)- JAVA PATH 를 세..

40 Useful JavaScript LibrariesBy Umut MuhaddisogluMarch 2nd, 2009 JavaScriptResources 77 CommentsAdvertisementPopular JavaScript librariessuch as jQuery, MooTools, Prototype, Dojo and YUI can be great for accomplishing common JavaScript tasks. These libraries provide many functions, whether the matter is related to events or effects or AJAX. And if one of these libraries can’t do the job, a plug..

15 Javascript Web UI Libraries, Frameworks and ToolkitsMay 17, 2010 by Paul AndrewJavascript, Web FrameworksAlmost all of the rich web applications that we currently see on the web today rely on a subtle set of UI controls, libraries or frameworks (or toolkits) that not only greatly simplify application development, they also provide a consistent, reliable, and highly interactive User Interface...