돈워리비해피

1. 전역변수와 지역변수 - 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 애플리케이션 전역에서 접근이 가능한 변수다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있다. 지역변수의 유효범위는 함수 안이고, 전역변수의 유효범위는 애플리케이션 전역인데, 같은 이름의 지역변수와 전역변수가 동시에 정의되어 있다면 지역변수가 우선한다는 것을 알 수 있다. var vsscope = 'global'; //전역변수 function fsscope() { var vsscope = 'local'; //지역변수 alert('함수안 ' + vsscope); } fsscope(); //함수안 local alert('함수밖 ' + vsscope); //함수밖 global var vsscope = ..

1. 모듈이란? - 순수한 자바스크립트에서는 모듈(module)이라는 개념이 분명하게 존재하지는 않는다. 하지만 자바스크립트가 구동되는 호스트 환경에 따라서 서로 다른 모듈화 방법이 제공되고 있다. 더보기 호스트 환경이란? 호스트 환경이란 자바스크립트가 구동되는 환경을 의미한다. 자바스크립트는 브라우저를 위한 언어로 시작했지만, 더 이상 브라우저만을 위한 언어가 아니다. 예를들어 node.js는 서버 측에서 실행되는 자바스크립트다. 이 언어는 자바스크립트의 문법을 따르지만 이 언어가 구동되는 환경은 브라우저가 아니라 서버측 환경이다. 또 구글의 제품 위에서 돌아가는 Google Apps Script 역시 자바스크립트이지만 google apps script가 동작하는 환경은 구글 스프레드쉬트와 같은 구글의..

1. 폼 - 서버로 데이터를 전송하기 위한 수단 - jQuery는 폼을 제어하는데 필요한 이벤트와 메소드를 제공한다. - jQuery 폼 API 문서: http://api.jquery.com/category/forms/ Forms | jQuery API Documentation Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event handler to the “focus” JavaScript event, or ..

1. 엘리먼트 제어 - jQuery는 엘리먼트를 제어하는 일관되고 풍부한 기능들을 제공한다. - http://api.jquery.com/category/manipulation/ Manipulation | jQuery API Documentation Adds the specified class(es) to each element in the set of matched elements. Insert content, specified by the parameter, after each element in the set of matched elements. Insert content, specified by the parameter, to the end of each element in the set of ap..

1. 이벤트란? - 시스템에서 일어나는 사건을 의미 - javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다.(클릭, 마우스 이동, 타이핑, 페이지 로딩등) - 이벤트가 발생했을 때 작동할 로직을 시스템에게 알려두면 이벤트가 발생했을 때 시스템이 그 로직을 호출한다. 2. jQuery의 이벤트 - 크로스브라우징의 문제를 해결해줌 - bind로 이벤트 핸들러를 설치하고, unbind로 제거(예제1) - trigger로 이벤트 핸들러를 강제로 실행(예제1) - click, ready와 같은 다양한 이벤트 헬퍼(helper)를 제공함(예제2) - live를 이용하면 현재 존재 하지 않는 엘리먼트에 이벤트 핸들러를 설치할 수 있음 - 예제1. bind, unbind, trigger..

1. Chain이란? : jQuery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있다. - 예제1.jQuery를 이용해서 코딩하는 경우 jQuery - 예제2.javascript의 DOM을 이용해서 코딩하는 경우 jQuery 더보기 2. chain의 장점 - 코드가 간결해진다. - 인간의 언어와 유사해서 사고의 자연스러운 과정과 일치함. 3. 탐색(traversing) - chain의 대상을 바꿔서 체인을 계속 연장시킬 수 있는 방법 - http://api.jquery.com/category/traversing/ Traversing | jQuery API Documentation Create a new jQue..

1. 선택자란? - jQuery wapper에는 CSS 선택자가 위치할 수 있는데, 이를 통해서 제어하려는 엘리먼트를 빠르고 정확하게 지정할 수 있다. 2. jQuery API 링크 - https://api.jquery.com/ jQuery API Documentation jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If y..

1. 래퍼(wrapper)란? 붉은색으로 jQuery(엘리먼트 오브젝트 or 'CSS 스타일 선택자') - 붉은색으로 표시한 부분이 레퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 2. 레퍼의 안전한 사용 - $(엘리먼트)와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다. 3. 제어 대상을 지정하는 방법 - 예제 1. jQuery(selector, [context]) test2 test 더보기 - 예제2. jQuery(element) 더보기