728x90 Frontend52 jQuery에 대하여 Write less, do more. jQuery는 오픈 소스 기반의 자바스크립트 라이브러리입니다. "Write less, do more."이라는 모토를 가지고 있는 만큼, jQuery는 다양한 기능을 쉽게 사용할 수 있도록 합니다. 다음은 jQuery의 장점과 특징들 중 일부를 나열한 것입니다. - DOM 요소 조작 - 요소들의 CSS 조작 - 간단한 애니메이션 제공 - 대부분의 웹브라우저에서 지원 - 다양한 플러그인 존재 jQuery를 사용하기 전에 jQuery 라이브러리를 웹페이지에 로드해야 합니다. 로드하기 위해서는 1) 파일을 다운로드 받거나 2) CDN(Content Delivery Network)를 이용할 수 있습니다. 1) 전자의 경우 와 같은 형태로 사용합니다. 이 때 파일은 서버에 저장.. 2023. 9. 11. [JavaScript] every(), some() 메서드 자바스크립트에서 every() 메서드는 호출한 배열의 모든 요소들이 주어진 함수에서의 조건을 통과하는지를 확인합니다. 반면, some() 메서드는 호출한 배열의 요소들 중 하나라도 통과하는지를 확인합니다. every() 메서드는 AND 연산에, some() 메서드는 OR 연산에 대응합니다. 다음은 두 메서드들의 사용 예시입니다. function underTwenty(element, index, array) { if(element < 20) { return true; } else { return false; } }; const array_ex = [4, 7, 25, 16, 30]; console.log(array_ex.every(underTwenty)); // Output : false console.lo.. 2023. 9. 11. [JavaScript] 고차 함수 (Higher-Order Function) 고차 함수(Higher-Order Function)이란 함수를 인자로 받거나 함수를 반환하는 함수입니다. 먼저 알아두어야 할 것은 자바스크립트가 선언형 프로그래밍로 분류되는 함수형 프로그래밍(Functional Programming)이라는 것입니다. 함수형 프로그래밍에서는 함수를 1급 시민(First-Class Citizen)으로 인식한다고 설명되는데, 1급 객체로 인식하고 있다는 뜻이 됩니다. 이는 함수를 다음과 같이 변수에도 할당하는 것을 가능하게 합니다. const square_func = function(x) { return x * x; } square(5); // Output : 25 이러한 특징을 통해 함수를 인자로 받거나 함수를 반환하는 함수인 고차 함수가 정의될 수 있습니다. 이번 글에서는.. 2023. 9. 7. [JavaScript] 화살표 함수 (Arrow Function) 화살표 함수 (Arrow Function Expression)는 기존의 함수 선언식에서 function 키워드가 생략함과 동시에 더 간소화한 형태의 함수 선언입니다. 화살표 함수의 사용 가능한 구문은 다음과 같습니다. () => expression param => expression (param) => expression (param1, paramN) => expression () => { statements } param => { statements } (param1, paramN) => { statements } 형식을 화살표 (=>) 기준으로 나눈다면, 화살표의 좌항은 매개변수를, 우항에는 함수로 사용될 표현식이나 statement“s”들이 들어가게 됩니다. 좌항에서 매개변수가 만약 한 개라면 소괄.. 2023. 9. 6. [JavaScript] 즉시 실행 함수 (IIFE) IIFE는 Immediately Invoked Function Expression의 약자로, 정의가 되는 순간 바로 실행이 되는 함수인 즉시 실행 함수를 뜻합니다. IIFE의 구문은 다음과 같습니다. (function (exParameter) { // content })(exArgument); ((exParameter) => { // content })(exArgument); 구문을 크게 두 부분으로 나눌 수 있는데, 1) 함수의 정의를 감싸는 소괄호와 2) 끝에 붙어 있는 소괄호입니다. 1) 첫 번째 부분은 익명인 함수의 정의가 들어가게 됩니다. 이때, function 연산자나 화살표 함수를 사용할 수 있습니다. 함수의 정의를 괄호로 묶어주는 이유는 함수 선언문이 아닌, 함수 표현식으로 만들기 위해서입.. 2023. 9. 4. [JavaScript] 프로토타입 (Prototype) 자바스크립트에서 만들어지는 객체는 프로토타입(Prototype)이라는 속성이 모두 내장되어 있습니다. 어떠한 프로토타입을 가지면, 그 프로토타입의 속성과 메서드를 상속받게 됩니다. 간단한 예시로 강아지라는 객체는 동물이라는 프로토타입을 가지고 있다고 가정한다면, 동물 객체가 가지는 속성과 메서드를 강아지 객체가 상속받아서 사용할 수 있게 됩니다. 프로토타입을 사용함으로써 같은 코드를 재사용할 수 있게 되어 효율성과 코드 가독성을 높일 수 있습니다. 또한, 여러 개의 객체를 생성할 때 같은 프로토타입에서 속성과 메서드를 불러오기 때문에 메모리도 아낄 수 있습니다. 앞서 모든 객체가 프로토타입을 가진다고 언급했는데, 프로토타입도 객체이기 때문에 프로토타입 자체도 프로토타입을 가지게 됩니다. 이것을 프로토타입.. 2023. 8. 20. 이전 1 2 3 4 5 6 7 ··· 9 다음 반응형
