본문 바로가기
반응형

자바스크립트20

펌) 코어자바스크립트(1) - OOP 본문링크 : http://youngman.kr/?p=457 개요아직도 많은 개발자들은 자바스크립트를 단순히 클라이언트 상의 액션을 실행하기 위한 함수 기반의 스크립트 언어라고 생각하고 있다. 하지만 자바스크립트는 객체 지향 언어이다. 비록 자바나 C#처럼 완벽하지는 않지만 기본적인 클래스 개념과 상속, 은닉 등을 제공한다. 이번 장에서는 자바스크립트의 OOP 요소들을 하나하나 예제로 풀어가며 알아보도록 할 것이다.클래스 정의function MyClass() { } var MyClass = function() { } // -- 위의 두 구문은 동일하게 MyClass 클래스를 선언한다. // -- 필자는 가독성 측면에서 두 번째 방식을 선호한다(1) 접근 제어자자바스크립트는 클래스 내부에서 정의할 수 있는 .. 2014. 1. 28.
자바스크립트 디버깅용 함수들. Ver 20131219 오브젝트형태의 데이터를 문자열로 전환하여 확인할때 function objToString (obj) { var str = ''; for (var p in obj) { if (obj.hasOwnProperty(p)) { str += p + '::' + obj[p] + '\n'; } } return str; } 새로 생길때마다 코드를 추가하고, 날짜를 업데이트 할 예정입니다.^^ 2013. 12. 19.
‘제다이급’ 자바스크립트 고수들이 전하는 6가지 개발팁 필자는 최전방 개발자로서 자바스크립트를 사용하는 사람들을 많이 만난다. 이들 대부분은 주로 jQuery와 몇 가지 플러그인을 사용해 멋진 라이트박스 효과나 이미지 슬라이더를 추가하는 정도의 작업을 하지만, 그중 일부는 키보드 위로 손을 올려 놓기만 해도 코드가 저절로 써진다는 ‘제다이’급 개발자들이 있다. 이 두 가지 기술 수준의 중간 어딘가에 있는 사람은 때로 어떻게 해야 할지 모르는 상황에 부닥친다. 전문적인 지식을 찾는 길은 많다. 지금 구덩이에 빠져 도움이 필요하다면 모든 자바스크립트 전문가가 알아야 하는 다음과 같은 몇 가지 개념을 살펴보라. 자바스크립트 비밀 1: 클로저(Closures) 자바스크립트의 클로저는 함수에 부모 함수의 범위에 대한 접근성을 제공한다. 개발자에게는 극히 혼란스러운 개.. 2013. 12. 11.
Node.js 로 데스크탑 앱을 만드는 app.js 출처 : http://composite.tistory.com/36 node.js 에서 드디어 UI도 정복하는 건가? 커뮤니티에서 이미 데스크탑 UI까지 이식하려 한다.UI 프레임워크는 다른 것도 봤듯이 API가 드럽게 방대해서 일반적인 데스크탭 앱 프레임워크를 만들기엔 당연히 무리.하지만 그런 UI 구조에 구세주를 내려주셨으니 그것은 바로 Chrome Embedded Framework바로 프로그램 안에 HTML5를 이식할 수 있는 프레임워크이다. 거기다가 크로스 플랫폼이다.app.js 는 바로 이 크롬 임베디드로 UI 프레임워크의 방대함을 간단하게 극복했다. 만약 Qt나 WxWidget 를 자바스크립트로 이식한다 해도 그 API를 알아야 하지만, HTML은 그럴 필요가 없기 때문이다. Morteza Mi.. 2013. 12. 5.
반응형