분류 전체보기
-
PhantomJS, CasterJS 설치 및 사용IT Information/최신 기술 동향 2013. 11. 1. 19:28
PhantomJS: is a headless WebKit with JavaScript API. (WebKit:Chrome, safari 등 브라우저 없이 JS를 사용할 수 있음) CasperJS: is a navigation scripting & testing utility that runs on top/alongside of PhantomJS.The Api of Phantom JS is based on JavaScript: how would you execute code in a browser? Web sites JavaScript code is sandboxed, so that it does not interact with the main tool. Nothing is rendered to the s..
-
ModernizrIT Information/최신 기술 동향 2013. 10. 21. 22:49
Document : flx.kr/3T ModernizrModernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. 1. Why use Modernizr?Taking advantage of cool new web technologies is great fun, until you have to support browsers that lag behind. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not..
-
jQuery 플러그인 제작IT Information/최신 기술 동향 2013. 10. 21. 22:11
jQuery 플러그인 제작 $(document).ready(function() { $('ul#menu li:even').addClass('even'); $('ul#menu li a').mouseover(function() { $(this).animate( { paddingLeft:"20px" }, { queue:false, duration:500 }); }).mouseout(function() { $(this).animate( { paddingLeft:"0" }, { queue:true, duration:500 }); }).click(function() { $(this).animate( { fontSize:"20px" }, { queue:false, duration:500 }); }); }); But n..
-
Requirjs 와 jquery 설치 방법 (+i18n)WEB/Javascript 2013. 10. 19. 16:30
------------------------------------------default.html -------------------------------------------init.js requirejs.config({ baseUrl: "/assets/scripts",shim: {"jquery": {exports: "$"},"facebook": {exports : "FB"},'bootstrap': {deps: ["jquery"],exports: "$"},'json2' : {exports: "JSON"}},paths: {'jquery': '//code.jquery.com/jquery-1.10.2.min','facebook': "//connect.facebook.net/en_US/all",'bootstr..
-
콜백함수를 왜 사용하나?IT Information/최신 기술 동향 2013. 10. 9. 02:33
http://youngman.kr/?p=635http://inspiredjw.tistory.com/entry/JavaScript-%EC%BD%9C%EB%B0%B1-%ED%95%A8%EC%88%98%EC%9D%98-%ED%99%9C%EC%9A%A9 * 콜백(Callback)이란?디자인 패턴 중 하나인 옵저버(Observer) 패턴에서 나온 개념으로써 객체의 상태 변화(이벤트)가 발생 하였을 경우에 이러한 사실을 함수를 통해 전달하게 되는데, 이를 콜백 함수라고 한다. * 콜백함수를 왜 사용하나?웹 페이지에서 서버로 부터 빠른 데이타를 수신하기 위해서 AJAX(Asynchronous JavaScript and XML)가 아닌 JSON(JavaScript Object Notation)을 많이 사용하게 된다. ..
-
정규식 사용방법WEB/Javascript 2013. 9. 25. 21:05
############## 정규표현식 1. 확장문자 (: backslash) - s : 공백 문자(스페이스, 탭, 폼 피드, 라인 피드) - b : 단어의 경계 - B 이를 제외한 모든 문자 매칭 - d : 숫자 - D : 숫자가 아닌 문자 [^0-9] 와 동일 - w : 알파벳, 숫자로 된 문자, 밑줄 기호(_) [A-Za-z0-9] - W : w의 반대 문자 [^A-Za-z0-9] - 특수문자 : 특수문자 자체를 의미 예) + (+ 기호 자체) 2. 특수문자 - * : 0회 이상 반복 - + : 1회 이상 반복 - ? : 0 또는 1개의 문자 매칭 - . : 정확히 1개 문자 매칭 3. 플래그 - g : 전역매칭 - i : 대소문자 무시 - m : 여러 줄 매칭 4. 기타 - () : 괄호로 묶인 패..
-
prototypeWEB/Javascript 2013. 9. 16. 03:14
6. prototype. 1. 프로토타입은 엄밀히 말하면 Function객체에 자동으로 부여되는 속성으로 Object가 할당되어있다. 2. 함수는 new 키워드를 이용해 heap에 인스턴스를 생성할 때 어떤 타입인지를 구별하는 일종의 동적 타입 마커 기능을 수행한다. 3. 일단 new를 통해 만들어진 인스턴스는 함수의 인스턴스가 아니라 Object의 인스턴스다. 4. 하지만 new에 지정되었던 함수를 마커로 하여 같은 클래스 타입처럼 실행시점에 구분할 수 있다. 5. new를 통해 생성된 인스턴스의 key-value를 뒤져 없는 속성을 찾으려고 시도하면 자바스크립트엔진은 자동으로 new생성시 지정된 함수의 prototype의 key-value를 찾는다. 6. 만약 prototype에서 해당 이름의 함수를..
-
WHOIS란?IT Information/최신 기술 동향 2013. 8. 28. 21:11
전용뷰어 보기WHOIS 서버 Whois는 도메인을 확인하고 도메인과 관련된 사람과 인터넷의 자원을 찾아보기 위한 프로토콜로써 만들어졌다.\Whois는 전세계적으로 모든 국가에는 ISO3166-1에 지정한 2문자로 된 국가코드가 부여되어 있다.한국의 경우, ISO3166-1 국가코드는 KR이다. 북한은 KP이지만, 아직 APNIC에 가입되어 IP를 할당 받은 것은 없다. 따라서, www.korea.kp 라는 도메인은 존재하지 않는 것이다. RIR에 가입되어 있는 국가들 중에서도 WHOIS 서버를 공식적으로 제공하지 않는 국가들도 많다.다음은 WHOIS 서비스를 공식 서비스하는 국가별 WHOIS 서버의 인터넷 주소들이다. WHOIS 서버에 쿼리할 때는 서버의 포트를 지정해야 한다. ,WHOIS 서비스는 일반..