JQuery
-
-
Javascript IIFE 이해하기JQuery 2018. 11. 29. 19:14
IIFE(Immediately Invoked Function Expressions: “Iffy”라고 발음)는 즉시 호출 함수 표현식의 줄임말입니다.기본적인 형태는 다음과 같습니다. 1234(function () { // Do fun stuff })()이것은 즉시 호출되는 익명 함수 표현식 입니다. 이것은 자바스크립트에서 때에 따라 중요하게 사용될 수 있습니다.함수 선언(Declaration)과 표현(Expression)IIFE를 설명하기 전에 함수의 선언(Function Declaration)과 함수의 표현(Function Expression)의 차이점에 대해 이해할 필요가 있습니다. Mozilla Developer Site의 함수에 대한 설명을 보면 함수 표현식은 선언과 동일한 문법을 가지고 단지 표현..
-
자바스크립트 클로저 쉽게 이해하기JQuery 2018. 11. 29. 19:08
클로저(Closure)는 프로그래머가 창조적이고 인상적이며 간결한 프로그래밍을 할 수 있게 해줍니다. 클로저는 빈번하게 사용되며 자바스크립트 스킬과 관계없이 자주 마주치게 될 것입니다. 물론, 지금 당장 클로저는 복잡해 보일 수 있습니다만, 이 글을 읽고 클로저에 대해 이해하게 된다면 자바스크립트 코딩시에 매일 사용하게 될 것입니다.이 글은 비교적 클로저에 대해 간략히 설명하고 있습니다. 이 글을 계속 읽기전에 먼저 자바 스크립트의 변수 범위에 대해 이해할 필요가 있습니다. 만약, 그렇지 못하다면 블로그의 자바스크립트 변수의 범위와 호이스팅에 관한 글을 먼저 읽어 주시기 바랍니다.클로저란 무엇인가클로저는 외부함수(포함하고 있는)의 변수에 접근할 수 있는 내부 함수를 일컫습니다. 스코프 체인(scope c..
-
Javascript - 화살표 함수(Arrow Functions)JQuery 2018. 11. 29. 18:54
var sayHi2 = () => console.log("hi!");이와 같이 화살표 함수는 무명 함수를 생성하는 방법 중의 하나로 기본 형태는 (파라메터1, 파라메터2,...) => { 함수내용 }입니다.화살표 함수의 형태상 특징은 다음과 같습니다.함수 내용이 한줄인 경우 함수내용을 감싸는 {}를 사용하지 않아도 됩니다. {}가 없는 경우 해당 함수의 실행결과를 자동으로 이천 합니다.함수 내용이 한줄 이상인 경우 return을 사용해서 결과를 리턴합니다. 파라메터가 한개인 경우 파라메터를 감싸는 ()를 생략할 수 있습니다. (파라메터가 없는 경우에는 위의 sayHi2의 경우 처럼 파라메터 없이 빈 ()를 표시하여야 합니다.)위 내용을 사용해서 함수 표현과 화살표 함수를 비교해 봅시다.// 함수 표현 f..
-
var, let, const 차이점은?JQuery 2018. 11. 29. 18:42
http://jeong-pro.tistory.com/ var는 function-scoped이고, let, const는 block-scoped입니다.function-scoped와 block-scoped가 무슨말이냐?var(function-scoped)jsfiddle 참고주소// var는 function-scope이기 때문에 for문이 끝난다음에 i를 호출하면 값이 출력이 잘 된다. // 이건 var가 hoisting이 되었기 때문이다. for(var j=0; j
-
jQuery] $(function())과 $(document).ready(function))JQuery 2018. 11. 28. 12:36
$(document).ready(function(){ … }); $(function(){ … }); (function($){ … })(jQuery);첫줄의 소스는 페이지 로딩시 실행두번째줄의 소스는 함수를 실행 하라는 의미세번째줄의 소스는 jquery를 사용할 때, $ 의 의미를 jquery에서 사용하겠다는 의미가 내포되어있다.$ 를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문함수에서 $ 의미는 jquery 객체로 사용이 되는 것
-
JQuery_선택자JQuery 2018. 11. 27. 19:10
eq(index)/lt(index)/gt(index) 탐색 선택자eq(index) 탐색 선택자는 선택한 요소중에 지정한 인덱스가 참조하는 요소만 선택 lt(index)선택한 요소중 지정한 인덱스 보다 작은 (lt, Less Than) 인덱스를 참조하는 요소만 선택합니다 .gt(index)선택한 요소중 지정한 요소중 지정한 인덱스보다 큰 (gt, Greater Than) 인덱스만 참조하는 요소만 선택 each()/$.each()메서드결과 $.map()/$.grep() 메서드$.map() 메서드저장된 데이터 수만큼 데이터 반복 반환된 데이터는 새배열에 저장해서 데이터 수만큼 메서드를 반복 실행하며 인덱스 오름 차순 으로 배열의 데이터를 불러옵니다 .$.map(Array,function(매개변수1,매개변수2)..