HAMA 블로그

이 글은 Joel Thoms의 "자바스크립트에 대한 애정을 언어의 90%를 쓰레기통에 버리면서 다시 발견했던 과정"을 번역한 글을 보고, 번역이 안된 중요 부분을 추가 번역 한 것입니다. [번역] 자바스크립트에서 for 루프를 다시 생각해보자 JavaScript 의 for 루프는 나름 그 역할을 잘 해주었지만, 이제는 쓸모가 없어졌으며 새로운 함수형 프로그래밍 기술에 의해 은퇴 해야 할 때로 보입니다.걱정은 하지 마세요 굳이 함수형 프로그래밍 마스터가 될 필요는 없습니다. 그저 현재의 프로젝트에서 바로 시작 해 볼 수 있는 간단한 (하지만 쿨한) 녀석입니다.JavaScript for loop의 문제점은 무엇일까요?for 루프는 상태 변이와 부수효과을 조장합니다. 그 결과 각종 버그와 예측할 수없는 코드의..

HTTP://BRIANFLOVE.COM/2016/03/29/TYPESCRIPT-EXPRESS-NODE-JS/ 번역 TYPESCRIPT + EXPRESS + NODE.JSMarch 29, 2016 Node.js 를 위한 Express 웹 어플리케이션 프레임워크는 비동기 Node.js 엔진상에서 웹앱을 구축하기위한 가장 유명한 솔루션중의 하나입니다. Express 시작하는 웹앱개발은 매우 쉽습니다. 이 튜토리얼에서는 Express + Node.js 를 npm 으로 세팅하며 JavaScript 와 TypeScript 를 사용하여 코드를 구축하고 app 을 빌드해보겠습니다. 왜 TypeScript 인가? 강력한 타입과 함께 ECMAScript 6 (ES6) 를 사용한 차세대 웹어플리케이션을 구축하기 위한 언어로..

안녕하세요 (_._) "프로 자바스크립트 테크닉" 과 "인사이드 자바스크립트"라는 책을 참조하여 문제를 만들었습니다.언어를 공부하는 방법으로는 직접만들거나, 다른언어와의 비교를 통해서 습득하는 방법 말고도문제를 풀면서 언어를 공부하는것도 지겨운 공부를 재밌게하는 방법중 하나라고 생각합니다 :-D* 함수라 쓰고 객체라 읽는다.* 함수안에 함수가 있는것이 모든 혼란의 근원이지만, 정수가 된다." 자 렛츠고~!!1 번 . 다음 구문은 올바른 것인가? (DOM)html ==================================== javascript ================================ var inputTxt = document.getElementById('input1'); inputT..

1. 실행 컨텍스트 - 실행 가능한 자바스크립트 코드블록이 실행되는 환경 - 실행 컨텍스트가 형성되는 경우전역코드eval() 함수로 실행되는 경우함수 안의 코드를 실행한 경우

■ Module Pattern 다음은 클로저를 이용해 모듈 패턴을 구현한 코드입니다. var module = (function () { /** * -------------------------------- * 모듈 패턴을 구현한 클로저 코드 * -------------------------------- */ // 은닉될 멤버 정의 var privateKey = 0; function privateMethod() { return ++privateKey; } // 공개될 멤버 (특권 메소드) 정의 return { publickey : privateKey, publicMethod : function () { return privateMethod(); } } })(); console.log(module.publi..

어떻게 이렇게 어려운(직관적이지않은) 언어가 세상을 지배하게 됬는지 정말 불가사의하다. 함수 함수생성법객체생성법함수 호이스팅함수 프로퍼티 함수 형태 함수호출과 This 바인딩 함수 리턴 프로토타입 체이닝실행 컨텍스트스코프 체인 클로저 객체지향프로그래밍함수형 프로그래밍 자바스크립트에서 함수 C/JAVA/C# 등에서 보통 함수는 특정기능을 제공하고 결과값을 얻는 행위 only VS자바스크립트에서의 함수는 위에것 + 모듈화 처리 + 클로저 + 객체생성등등 JS의 근간이 되는 많은 기능이 추가되어있다. “자바스크립트 공부에서 가장 중요한것은 함수의 기능에 대한 기존 프레임에서 알을 깨고 나오는것” 그리고 this 에 대한 감각. 1. 함수안에 함수가 들어가서 c++/java 의 멤버함수 (js에서는 메소드) 역..

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)로..

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...