프로그래밍/JavaScript 7

자바스크립트 스터디 노트 #2

실습중 코멘트클래스 내에서 변수var MyClass = function(){ var local; // 생성자 내에서만 유효 this.objectvalue; // 객체 단위로 유효 } MyClass.prototype.classvalue; /// 클래스 단위로 유효 text와 html$(‘#xxx’).html : 등의 HTML 태그가 반영됨 $(‘#xxx’).text : 등의 HTML 태그가 문자열로 저장됨 (실제 태그 효과가 없어짐)JQueryjqeury 엘리먼트는 생성자에서 객체 변수로 캐슁해서 사용하도록 하는 것이 좋다.클래스클내부 변수나 내부 메서드는 _를 사용하거나, _$로 시작하는 것이 좋다. 구글의 자바스크립트 네이밍 컨벤션 참고할것.자바스크립트 엔진싱글 쓰레드임을 명시 할것. 콜백은 비동기로 ..

자바스크립트 스터디 노트 #1

자료형변수null과 undefined 이외에는 모든 변수는 객체로 됨 Set을 사용할때는 key는 String만 사용 가능하며, value는 리터럴 모두 가능하다.var a ={ test:function(){ }}; a.test(); 리터럴에 대한 탐색 (순서를 보정하지 않는다.) cf. 배열은 순서를 보장한다.var a={1:[],2:[]}; 1,2 순서대로 나오지 않는다.배열 선언var a = new Array(5); 길이가 5인것 var a = [5]; 멤버가 5인것을 사용. 리터럴 방식의 선언 방식 아래 리터럴 방식의 선언이 실행 속도가 더 빠름 배열의 형 체크아래와 같이하면, a는 Object로 판별됨typeof a그래서, 아래와 같은 방법을 체크하는 게 좋은데,a instanceof Array..

AngularJS - Service,Factory 그리고 Provider의 차이

결과적으로 모두 Service를 정의하는 방법의 차이 - 코딩 스타일의 차이? (그렇다면 왜 만들어 놨을까?) What is service,factory and provider Difference between service and factoryhttp://blog.manishchhabra.com/2013/09/angularjs-service-vs-factory-with-example/ 서비스를 생성하는 방법이 여러가지가 있는데 (클래스를 객체화 시키는 것 처럼)Service를 가지고 직접 생성하는 방법이 있고,아니면 Factory를 생성한후, Factory에서 instance를 받는 방법이 있고아니면 Constructor에서, 받아서 생성하는 방법이 있고또는 Provider를 사용하는 방법이 있다. 개..

Fiddler를 간단한 JSON 웹서버로 사용하기.

Fiddler는 간단하면서도 아주 강력한 웹 디버깅 툴이다. http://fiddler2.com중간에서 웹서버 프록시 역할을 하면서, 오고 가는 트래픽을 모두 모니터링 및 디버깅할 수 도 있고, 기존에 보냈던 트래픽을 replay해서 다시 보낼 수 도 있다. (WireShark 보다 웹디버깅 측면에서는 오히려 더 편한듯).여러가지 기능이 있지만,오늘은 Fiddler를 json 웹서버 처럼 사용하는 방법에 대해서 소개하고자 한다.요즘 들어서, 특히 자바스크립트로 웹 클라이언트를 개발하는 일이 잦아지면서, 클라이언트 개발시 서버가 필요한데, 특히 JSON 서버의 경우에는 별도의 서버를 올리고, 간단하더라도 JSON 서비스를 만들어줘야 하기 때문에, JSON 클라이언트를 만드는 입장에서는 꽤나 번거롭다. 이를..

AngularJS 개발 환경 준비하기

Sublime Text 2 에디터 1. Package installer 설치 방법메뉴에서 View > Show Console을 선택. Console 창이 열리면 아래와 같은 명령어를 이력 import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wb..